<style  lang="less" scoped>
.Page1{
  width: 100%;
  height: 100%;
  color:#fff;
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
  .headerBox{
    width: 100%;
    border-bottom: 2px solid #fff;
    position: relative;
    & > h1{
      font-size: 1.8rem;
      font-family: '宋体';
      font-weight: bold;
      text-align: center;
    }
    .headerRightBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%);
    }
    .headerLeftBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      left: 1%;
      transform: translate(0, -50%);
      .block{
        margin-left: 2rem;
      }
    }
  }
  .wrapper{
    flex:1;
    overflow: auto;
    padding: 0 0px;
    box-sizing: border-box;
    .ctn{
      min-width: 4000px;
      height: 2000px;
      #svgDom{
        width: 100%;
        height: 100%;
      }
    }
  }
}
/deep/ .el-form-item__label {
  color: #fff; /* 自定义 label 的颜色 */
}

/* 调整 el-input 的 placeholder 颜色 */
/deep/ .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1;
}

/* 调整 el-select 的 placeholder 颜色 */
/deep/ .el-select .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
}
/deep/ .el-textarea__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1; /* 确保颜色生效 */
}

// 遥控弹框样式
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 遥控弹框 - 操作人账号密码 - 样式
/deep/ .yaokongPersonDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
          color: #dee2e5;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: hidden;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 汇报调度弹框样式
/deep/ .reportSchedulingDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 0;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 汇报调度输入框
    .reportSchedulingTextArea{
      flex:1;
      overflow: hidden;
      // .el-textarea{
      // 	height: 100%;
      // }
      .el-textarea__inner{
        height: 100%;
        color:#dee2e5;
        background:transparent;
        border: 1px solid #666;
        font-size: 16px;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    text-align: center;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right: 34%;
}
.is-highlight {
  animation: highlight 1s;
}
@keyframes highlight {
  0% {
    color: yellow;
  }
  100% {
    color: #FFFFFF;
  }
}
.brandBtn{
  animation: flash 1s infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0.5; /* 半透明 */
  }
}
.brandMsgTitle{
  font-size: 2rem;
  color: white;
}
.brandMsgP{
  font-size: 1.5rem;
  //空两个字
  margin: 2rem;
}
/deep/ .el-dialog__body{
  overflow: scroll;
}
.fault-dialog-content {
  padding: 20px;
  color: #fff;
}

/* 覆盖 Element UI 的默认样式 */
:deep(.el-tabs__item) {
  color: rgba(255, 255, 255, 0.6);
}


:deep(.el-tabs__item.is-active) {
  color: #409EFF;
}

:deep(.el-tabs__nav-wrap::after) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-form-item__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-checkbox__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-radio__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-input-number__decrease),
:deep(.el-input-number__increase) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-input-number__decrease:hover),
:deep(.el-input-number__increase:hover) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-input__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
:deep(.is-disabled .el-input__inner){
  background-color: #131f2a;
  border-color: rgba(255, 255, 255, 0.2);
  color: #999;
}
:deep(.el-input__inner:hover),
:deep(.el-input__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-select-dropdown__item) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-select-dropdown__item.hover) {
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-select-dropdown__item.selected) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-slider__runway) {
  background-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-slider__bar) {
  background-color: #409EFF;
}

:deep(.el-slider__button) {
  border-color: #409EFF;
  background-color: #409EFF;
}

:deep(.el-collapse) {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.distance-slider {
  width: 300px;
}

.ms-label {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.el-collapse {
  margin: 10px 0;
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复下拉菜单的背景色 */
:deep(.el-select-dropdown) {
  background-color: rgb(2, 22, 42);
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复弹出层的背景色 */
:deep(.el-popper[x-placement^="bottom"]) {
  background-color: rgb(2, 22, 42);
}

/* 修改折叠面板的样式 */
:deep(.el-collapse) {
  border: none;
  background-color: transparent;
}

:deep(.el-collapse-item) {
  margin-bottom: 1px;
}

:deep(.el-collapse-item__header) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

:deep(.el-collapse-item__header:hover) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 15px;
}

:deep(.el-collapse-item__arrow) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header.is-active) {
  border-bottom-color: transparent;
}

:deep(.el-collapse-item__wrap) {
  border: none;
  background-color: transparent;
}

/* 添加新的样式 */
.fault-list {
  margin-top: 20px;
}

:deep(.el-table) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(28, 46, 64);
}

:deep(.el-table::before) {
  display: none;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--border th),
:deep(.el-table--border td) {
  border-right: 1px solid rgb(28, 46, 64);
}

:deep(.el-table thead) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background-color: rgba(2, 22, 42) !important;
}

.cancel-fault-buttons {
  display: flex;
  gap: 10px;
}

:deep(.el-textarea__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

:deep(.el-textarea__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-table__empty-block) {
  background-color: transparent;
}

:deep(.el-table__empty-text) {
  color: rgba(255, 255, 255, 0.6);
}
.messageAlarmList {
  overflow: hidden;  /* 隐藏溢出内容 */
}
.messageAlarmList {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.messageAlarmList::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.Page1:active {
  cursor: grabbing;
}
</style>
<template xmlns="">
    <div class="Page1" v-if="pageData" @contextmenu.r.prevent>
        <div class="headerBox">
            <div class="headerLeftBtnGroup">
                <div class="block">
                    <el-cascader
                            v-model="jiaoAnValue"
                            :options="jiaoAnOptions_1"
                            placeholder="教案"
                            style="width: 7rem;"
                            :props="{ expandTrigger: 'hover' }"
                            @change="handleChange"
                    ></el-cascader>
                </div>
                <div class="block">
                    <el-cascader
                            v-model="gongkuangValue"
                            placeholder="工况"
                            style="width: 7rem"
                            :options="gongKuangOptions"
                            :props="{ expandTrigger: 'hover' }"
                            @change="handleChange"></el-cascader>
                </div>
            </div>
            <h1 style="color: #fff;margin-left: -10%">500kV石北变主接线图</h1>
            <div class="headerRightBtnGroup">
                <el-button @click="clearAll">全站清闪</el-button>
                <el-button @click="$router.push({path:'/map'})">画面索引</el-button>
                <el-button @click="alertLog">告警记录</el-button>
                <el-button @click="operationRecords">操作记录</el-button>
            </div>
        </div>
        <div class="wrapper" ref="page" @mousedown="startDrag">
            <div class="ctn">
             <svg id="svgDom" style="transform: scale(0.8)">
                 <g transform="translate(-500,-250)">
                     <!--                 220-->
                     <g>
                         <text x="90" y="345" fill="#FFFFFF" style="font-size: 20px">1AM</text>
                         <text x="70" y="335" fill="#FFFFFF" style="font-size: 16px">Hz</text>
                         <text x="10" y="335" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1AM'][0].state_val).toFixed(2) }}</text>
                         <text x="10" y="355" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1AM'][1].state_val).toFixed(2) }}</text>
                         <text x="70" y="355" fill="#FFFFFF" style="font-size: 16px">Kv</text>
                         <text x="90" y="410" fill="#FFFFFF" style="font-size: 20px">2AM</text>
                         <text x="70" y="400" fill="#FFFFFF" style="font-size: 16px">Hz</text>
                         <text x="70" y="420" fill="#FFFFFF" style="font-size: 16px">Kv</text>
                         <text x="10" y="400" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1BM'][0].state_val).toFixed(2) }}</text>
                         <text x="10" y="420" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1BM'][1].state_val).toFixed(2) }}</text>
                     <line x1="100" y1="355" x2="2420" y2="355" stroke="rgb(128,0,128)" stroke-width="5"></line>
                     <line x1="100" y1="385" x2="2420" y2="385" stroke="rgb(128,0,128)" stroke-width="5"></line>
<!--                     BM-->
                         <line x1="4550" y1="355" x2="2570" y2="355" stroke="rgb(128,0,128)" stroke-width="5"></line>
                         <line x1="4550" y1="385" x2="2570" y2="385" stroke="rgb(128,0,128)" stroke-width="5"></line>
                         <g transform="translate(4410,0)">
                             <text x="90" y="345" fill="#FFFFFF" style="font-size: 20px">1BM</text>
                             <text x="200" y="335" fill="#FFFFFF" style="font-size: 16px">Hz</text>
                             <text x="140" y="335" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1AM'][0].state_val).toFixed(2) }}</text>
                             <text x="140" y="355" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1AM'][1].state_val).toFixed(2) }}</text>
                             <text x="200" y="355" fill="#FFFFFF" style="font-size: 16px">Kv</text>
                             <text x="90" y="410" fill="#FFFFFF" style="font-size: 20px">2BM</text>
                             <text x="200" y="400" fill="#FFFFFF" style="font-size: 16px">Hz</text>
                             <text x="200" y="420" fill="#FFFFFF" style="font-size: 16px">Kv</text>
                             <text x="140" y="400" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1BM'][0].state_val).toFixed(2) }}</text>
                             <text x="140" y="420" fill="#FFFFFF" style="font-size: 16px">{{ Number(pageData['220kV 1BM'][1].state_val).toFixed(2) }}</text>
                         </g>
                         <!--                     221-->
                     <g>
                         <g transform="translate(20,60)">
                             <num-screen
                                 name="北西I线"
                                 dir="bottom"
                                 :text-width="70"
                                 :Ia="Number(this.pageData['221'][9].state_val)"
                                 :P="Number(this.pageData['221'][7].state_val)"
                                 :Q="Number(this.pageData['221'][8].state_val)"
                                 :num-tran-y="-140"
                                 :num-tran-x="-35"
                             ></num-screen>
                         </g>
                         <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                         <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                         <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                         <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="Number(pageData['221'][4].state_val)"
                             :stateDesc="pageData['221'][4].state_desc"
                             :scale="0.6"
                             :isMainPage="true"
                             :rotate="-90"
                             :translate-x="170"
                             :translate-y="206"
                             :text-translate-y="10"
                             :text-translate-x="50"
                             :name="'-'+pageData['221'][4].state_desc.split('-')[1]"></connect-line>
                         <terminal-svg
                             :state="Number(pageData[221][1].state_val)"
                             :stateDesc="pageData[221][1].state_desc"
                             :name="'-'+pageData[221][1].state_desc.split('-')[1]"
                             :isMainPage="true"
                             :scale=0.7
                             :translate-x="153"
                             :translate-y="226"
                             :text-translate-y="15"
                             :text-translate-x="70"
                             :rotate="180"
                         ></terminal-svg>
                         <terminal-svg
                             :state="Number(pageData[221][5].state_val)"
                             :stateDesc="pageData[221][5].state_desc"
                             :name="'-'+pageData[221][5].state_desc.split('-')[1]"
                             :isMainPage="true"
                             :scale=0.7
                             :translate-x="238"
                             :translate-y="162"
                             :text-translate-y="30"
                             :text-translate-x="25"
                             :rotate="0"
                         ></terminal-svg>
                         <rect-svg
                             :state="Number(pageData[221][0].state_val)"
                             :stateDesc="pageData[221][0].state_desc"
                             :rotate="90"
                             :translate-y="240"
                             :translate-x="228"
                             :text-translate-x="6"
                             :text-translate-y="-4"
                             :scale="0.8"
                             :isMainPage="true"
                             :itemObj="{is_clear:pageData[221][0].is_clear}"
                             :name="pageData[221][0].state_desc"
                         ></rect-svg>
                         <connect-line
                             :state="Number(pageData['221'][3].state_val)"
                             :stateDesc="pageData['221'][3].state_desc"
                             :scale="0.6"
                             :isMainPage="true"
                             :rotate="-90"
                             :translate-x="110"
                             :translate-y="330"
                             :text-translate-y="10"
                             :text-translate-x="50"
                             :name="'-'+pageData['221'][3].state_desc.split('-')[1]"></connect-line>
                         <connect-line
                             :state="Number(pageData['221'][2].state_val)"
                             :stateDesc="pageData['221'][2].state_desc"
                             :scale="0.6"
                             :isMainPage="true"
                             :rotate="-90"
                             :translate-x="170"
                             :translate-y="330"
                             :text-translate-y="10"
                             :text-translate-x="50"
                             :name="'-'+pageData['221'][2].state_desc.split('-')[1]"></connect-line>
                         <terminal-svg
                             :state="Number(pageData[221][6].state_val)"
                             :stateDesc="pageData[221][6].state_desc"
                             :name="'-'+pageData[221][6].state_desc.split('-')[1]"
                             :isMainPage="true"
                             :scale=0.7
                             :translate-x="272"
                             :translate-y="350"
                             :text-translate-y="15"
                             :text-translate-x="70"
                             :rotate="180"
                         ></terminal-svg>
                         <line x1="195" y1="335" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                         <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                         <line x1="135" y1="335" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                     </g>
<!--                         222-->
                         <g transform="translate(200,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北西Ⅱ线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['222'][9].state_val)"
                                     :P="Number(this.pageData['222'][7].state_val)"
                                     :Q="Number(this.pageData['222'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['222'][4].state_val)"
                                 :stateDesc="pageData['222'][4].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['222'][4].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[222][1].state_val)"
                                 :stateDesc="pageData[222][1].state_desc"
                                 :name="'-'+pageData[222][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[222][5].state_val)"
                                 :stateDesc="pageData[222][5].state_desc"
                                 :name="'-'+pageData[222][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[222][0].state_val)"
                                 :stateDesc="pageData[222][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[222][0].is_clear}"
                                 :name="pageData[222][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['222'][3].state_val)"
                                 :stateDesc="pageData['222'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['222'][3].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['222'][2].state_val)"
                                 :stateDesc="pageData['222'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['222'][2].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[222][6].state_val)"
                                 :stateDesc="pageData[222][6].state_desc"
                                 :name="'-'+pageData[222][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         201-->
                         <g transform="translate(400,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="A母联"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['201'][9].state_val)"
                                     :P="Number(this.pageData['201'][7].state_val)"
                                     :Q="Number(this.pageData['201'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,130,115,130,115,385" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="195,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,345,135,345,135,335" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['201'][5].state_val)"
                                 :stateDesc="pageData['201'][5].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['201'][5].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[201][6].state_val)"
                                 :stateDesc="pageData[201][6].state_desc"
                                 :name="'-'+pageData[201][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[201][4].state_val)"
                                 :stateDesc="pageData[201][4].state_desc"
                                 :name="'-'+pageData[201][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[201][0].state_val)"
                                 :stateDesc="pageData[201][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[201][0].is_clear}"
                                 :name="pageData[201][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData[201][3].state_val)"
                                 :stateDesc="pageData[201][3].state_desc"
                                 :name="'-'+pageData[201][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="116"
                                 :translate-y="287"
                                 :text-translate-y="25"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['201'][2].state_val)"
                                 :stateDesc="pageData['201'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['201'][2].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[201][1].state_val)"
                                 :stateDesc="pageData[201][1].state_desc"
                                 :name="'-'+pageData[201][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="115" cy="385" fill="rgb(128,0,128)"></circle>
                         </g>
<!--                         223-->
                         <g transform="translate(600,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="备用"
                                     dir="bottom"
                                     :text-width="70"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['223'][4].state_val)"
                                 :stateDesc="pageData['223'][4].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['223'][4].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[223][0].state_val)"
                                 :stateDesc="pageData[223][0].state_desc"
                                 :name="'-'+pageData[223][0].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[223][5].state_val)"
                                 :stateDesc="pageData[223][5].state_desc"
                                 :name="'-'+pageData[223][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[223][1].state_val)"
                                 :stateDesc="pageData[223][1].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[223][1].is_clear}"
                                 :name="pageData[223][1].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['223'][3].state_val)"
                                 :stateDesc="pageData['223'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['223'][3].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['223'][2].state_val)"
                                 :stateDesc="pageData['223'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['223'][2].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[223][6].state_val)"
                                 :stateDesc="pageData[223][6].state_desc"
                                 :name="'-'+pageData[223][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         224-->
                         <g transform="translate(800,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北纺线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['224'][9].state_val)"
                                     :P="Number(this.pageData['224'][7].state_val)"
                                     :Q="Number(this.pageData['224'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['224'][4].state_val)"
                                 :stateDesc="pageData['224'][4].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['224'][4].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[224][0].state_val)"
                                 :stateDesc="pageData[224][0].state_desc"
                                 :name="'-'+pageData[224][0].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[224][5].state_val)"
                                 :stateDesc="pageData[224][5].state_desc"
                                 :name="'-'+pageData[224][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[224][1].state_val)"
                                 :stateDesc="pageData[224][1].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[224][1].is_clear}"
                                 :name="pageData[224][1].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['224'][3].state_val)"
                                 :stateDesc="pageData['224'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['224'][3].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['224'][2].state_val)"
                                 :stateDesc="pageData['224'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['224'][2].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[224][6].state_val)"
                                 :stateDesc="pageData[224][6].state_desc"
                                 :name="'-'+pageData[224][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         225-->
                         <g transform="translate(1000,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北常I线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['225'][8].state_val)"
                                     :P="Number(this.pageData['225'][6].state_val)"
                                     :Q="Number(this.pageData['225'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['225'][3].state_val)"
                                 :stateDesc="pageData['225'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['225'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[225][9].state_val)"
                                 :stateDesc="pageData[225][9].state_desc"
                                 :name="'-'+pageData[225][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[225][4].state_val)"
                                 :stateDesc="pageData[225][4].state_desc"
                                 :name="'-'+pageData[225][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[225][0].state_val)"
                                 :stateDesc="pageData[225][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[225][0].is_clear}"
                                 :name="pageData[225][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['225'][2].state_val)"
                                 :stateDesc="pageData['225'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['225'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['225'][1].state_val)"
                                 :stateDesc="pageData['225'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['225'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[225][5].state_val)"
                                 :stateDesc="pageData[225][5].state_desc"
                                 :name="'-'+pageData[225][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         226-->
                         <g transform="translate(1200,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北常Ⅱ线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['226'][8].state_val)"
                                     :P="Number(this.pageData['226'][6].state_val)"
                                     :Q="Number(this.pageData['226'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['226'][3].state_val)"
                                 :stateDesc="pageData['226'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['226'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[226][9].state_val)"
                                 :stateDesc="pageData[226][9].state_desc"
                                 :name="'-'+pageData[226][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[226][4].state_val)"
                                 :stateDesc="pageData[226][4].state_desc"
                                 :name="'-'+pageData[226][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[226][0].state_val)"
                                 :stateDesc="pageData[226][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[226][0].is_clear}"
                                 :name="pageData[226][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['226'][2].state_val)"
                                 :stateDesc="pageData['226'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['226'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['226'][1].state_val)"
                                 :stateDesc="pageData['226'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['226'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[226][5].state_val)"
                                 :stateDesc="pageData[226][5].state_desc"
                                 :name="'-'+pageData[226][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         227-->
                         <g transform="translate(1400,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="古北Ⅱ线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['227'][8].state_val)"
                                     :P="Number(this.pageData['227'][6].state_val)"
                                     :Q="Number(this.pageData['227'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['227'][3].state_val)"
                                 :stateDesc="pageData['227'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['227'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[227][9].state_val)"
                                 :stateDesc="pageData[227][9].state_desc"
                                 :name="'-'+pageData[227][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[227][4].state_val)"
                                 :stateDesc="pageData[227][4].state_desc"
                                 :name="'-'+pageData[227][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[227][0].state_val)"
                                 :stateDesc="pageData[227][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[227][0].is_clear}"
                                 :name="pageData[227][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['227'][2].state_val)"
                                 :stateDesc="pageData['227'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['227'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['227'][1].state_val)"
                                 :stateDesc="pageData['227'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['227'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[227][5].state_val)"
                                 :stateDesc="pageData[227][5].state_desc"
                                 :name="'-'+pageData[227][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         228-->
                         <g transform="translate(1600,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="古北I线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['228'][8].state_val)"
                                     :P="Number(this.pageData['228'][6].state_val)"
                                     :Q="Number(this.pageData['228'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                     :ft-code="228"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['228'][3].state_val)"
                                 :stateDesc="pageData['228'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['228'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[228][9].state_val)"
                                 :stateDesc="pageData[228][9].state_desc"
                                 :name="'-'+pageData[228][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[228][4].state_val)"
                                 :stateDesc="pageData[228][4].state_desc"
                                 :name="'-'+pageData[228][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[228][0].state_val)"
                                 :stateDesc="pageData[228][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[228][0].is_clear}"
                                 :name="pageData[228][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['228'][2].state_val)"
                                 :stateDesc="pageData['228'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['228'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['228'][1].state_val)"
                                 :stateDesc="pageData['228'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['228'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[228][5].state_val)"
                                 :stateDesc="pageData[228][5].state_desc"
                                 :name="'-'+pageData[228][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         211-->
                         <g transform="translate(1800,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['211'][9].state_val)"
                                     :P="Number(this.pageData['211'][7].state_val)"
                                     :Q="Number(this.pageData['211'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                     :has-screen="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,130,115,130,115,385" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <line x1="135" y1="335" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['211'][5].state_val)"
                                 :stateDesc="pageData['211'][5].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['211'][5].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[211][6].state_val)"
                                 :stateDesc="pageData[211][6].state_desc"
                                 :name="'-'+pageData[211][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[211][4].state_val)"
                                 :stateDesc="pageData[211][4].state_desc"
                                 :name="'-'+pageData[211][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[211][0].state_val)"
                                 :stateDesc="pageData[211][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[211][0].is_clear}"
                                 :name="pageData[211][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['211'][2].state_val)"
                                 :stateDesc="pageData['211'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['211'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['211'][1].state_val)"
                                 :stateDesc="pageData['211'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['211'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[211][3].state_val)"
                                 :stateDesc="pageData[211][3].state_desc"
                                 :name="'-'+pageData[211][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                         </g>
<!--                         212-->
                         <g transform="translate(2000,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['212'][9].state_val)"
                                     :P="Number(this.pageData['212'][7].state_val)"
                                     :Q="Number(this.pageData['212'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                     :has-screen="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,130,115,130,115,385" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <line x1="135" y1="335" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['212'][5].state_val)"
                                 :stateDesc="pageData['212'][5].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['212'][5].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[212][6].state_val)"
                                 :stateDesc="pageData[212][6].state_desc"
                                 :name="'-'+pageData[212][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[212][4].state_val)"
                                 :stateDesc="pageData[212][4].state_desc"
                                 :name="'-'+pageData[212][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[212][0].state_val)"
                                 :stateDesc="pageData[212][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[212][0].is_clear}"
                                 :name="pageData[212][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['212'][2].state_val)"
                                 :stateDesc="pageData['212'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['212'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['212'][1].state_val)"
                                 :stateDesc="pageData['212'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['212'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[212][3].state_val)"
                                 :stateDesc="pageData[212][3].state_desc"
                                 :name="'-'+pageData[212][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                         </g>
<!--                         203-->
                         <g transform="translate(2200,94)">
                             <g transform="translate(20,-34)">
                                 <num-screen
                                     name="分段203"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['203'][9].state_val)"
                                     :P="Number(this.pageData['203'][7].state_val)"
                                     :Q="Number(this.pageData['203'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <g transform="translate(220,-34)">
                                 <num-screen
                                     name="分段204"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['204'][9].state_val)"
                                     :P="Number(this.pageData['204'][7].state_val)"
                                     :Q="Number(this.pageData['204'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <g>
                                 <polyline points="195,180,195,130,395,130" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="260" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                <circle r="6" cx="195" cy="261" fill="rgb(128,0,128)"></circle>
                                <circle r="6" cx="395" cy="261" fill="rgb(128,0,128)"></circle>
                                 <connect-line
                                     :state="Number(pageData['203'][1].state_val)"
                                     :stateDesc="pageData['203'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['203'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[203][3].state_val)"
                                     :stateDesc="pageData[203][3].state_desc"
                                     :name="'-'+pageData[203][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="45"
                                     :text-translate-x="40"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[203][5].state_val)"
                                     :stateDesc="pageData[203][5].state_desc"
                                     :name="'-'+pageData[203][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="-10"
                                     :text-translate-x="-5"
                                     :rotate="0"
                                 ></terminal-svg>
                                 <rect-svg
                                     :state="Number(pageData[203][0].state_val)"
                                     :stateDesc="pageData[203][0].state_desc"
                                     :rotate="0"
                                     :translate-y="97"
                                     :translate-x="275"
                                     :text-translate-x="2"
                                     :text-translate-y="-4"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[203][0].is_clear}"
                                     :name="pageData[203][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <g transform="translate(200,0)">
                                 <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="260" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>

                                 <connect-line
                                     :state="Number(pageData['203'][2].state_val)"
                                     :stateDesc="pageData['203'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['203'][2].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[203][4].state_val)"
                                     :stateDesc="pageData[203][4].state_desc"
                                     :name="'-'+pageData[203][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="45"
                                     :text-translate-x="40"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[203][6].state_val)"
                                     :stateDesc="pageData[203][6].state_desc"
                                     :name="'-'+pageData[203][6].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="-10"
                                     :text-translate-x="-5"
                                     :rotate="0"
                                 ></terminal-svg>
                             </g>

                         </g>
<!--                         204-->
                         <g transform="translate(2200,254)">
                             <g>
                                 <polyline points="195,180,195,130" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="260" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <circle r="6" cx="195" cy="130" fill="rgb(128,0,128)"></circle>
                                 <circle r="6" cx="395" cy="130" fill="rgb(128,0,128)"></circle>
                                 <line x1="195" y1="260" x2="395" y2="260" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <connect-line
                                     :state="Number(pageData['204'][1].state_val)"
                                     :stateDesc="pageData['204'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['204'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[204][3].state_val)"
                                     :stateDesc="pageData[204][3].state_desc"
                                     :name="'-'+pageData[204][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="45"
                                     :text-translate-x="40"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[204][5].state_val)"
                                     :stateDesc="pageData[204][5].state_desc"
                                     :name="'-'+pageData[204][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="-10"
                                     :text-translate-x="-5"
                                     :rotate="0"
                                 ></terminal-svg>
                                 <rect-svg
                                     :state="Number(pageData[204][0].state_val)"
                                     :stateDesc="pageData[204][0].state_desc"
                                     :rotate="0"
                                     :translate-y="228"
                                     :translate-x="275"
                                     :text-translate-x="2"
                                     :text-translate-y="-4"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[204][0].is_clear}"
                                     :name="pageData[204][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <g transform="translate(200,0)">
                                 <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="260" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>

                                 <connect-line
                                     :state="Number(pageData['204'][2].state_val)"
                                     :stateDesc="pageData['204'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['204'][2].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[204][4].state_val)"
                                     :stateDesc="pageData[204][4].state_desc"
                                     :name="'-'+pageData[204][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="45"
                                     :text-translate-x="40"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[204][6].state_val)"
                                     :stateDesc="pageData[204][6].state_desc"
                                     :name="'-'+pageData[204][6].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="-10"
                                     :text-translate-x="-5"
                                     :rotate="0"
                                 ></terminal-svg>
                             </g>

                         </g>
<!--                         213-->
                         <g transform="translate(2600,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['213'][9].state_val)"
                                     :P="Number(this.pageData['213'][7].state_val)"
                                     :Q="Number(this.pageData['213'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                     :has-screen="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,130,115,130,115,385" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <line x1="135" y1="335" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['213'][5].state_val)"
                                 :stateDesc="pageData['213'][5].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['213'][5].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[213][6].state_val)"
                                 :stateDesc="pageData[213][6].state_desc"
                                 :name="'-'+pageData[213][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[213][4].state_val)"
                                 :stateDesc="pageData[213][4].state_desc"
                                 :name="'-'+pageData[213][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[213][0].state_val)"
                                 :stateDesc="pageData[213][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[213][0].is_clear}"
                                 :name="pageData[213][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['213'][2].state_val)"
                                 :stateDesc="pageData['213'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['213'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['213'][1].state_val)"
                                 :stateDesc="pageData['213'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['213'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[213][3].state_val)"
                                 :stateDesc="pageData[213][3].state_desc"
                                 :name="'-'+pageData[213][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                         </g>
<!--                         229-->
                         <g transform="translate(2800,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北柳线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['229'][8].state_val)"
                                     :P="Number(this.pageData['229'][6].state_val)"
                                     :Q="Number(this.pageData['229'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['229'][3].state_val)"
                                 :stateDesc="pageData['229'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['229'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[229][9].state_val)"
                                 :stateDesc="pageData[229][9].state_desc"
                                 :name="'-'+pageData[229][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[229][4].state_val)"
                                 :stateDesc="pageData[229][4].state_desc"
                                 :name="'-'+pageData[229][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[229][0].state_val)"
                                 :stateDesc="pageData[229][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[229][0].is_clear}"
                                 :name="pageData[229][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['229'][2].state_val)"
                                 :stateDesc="pageData['229'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['229'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['229'][1].state_val)"
                                 :stateDesc="pageData['229'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['229'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[229][5].state_val)"
                                 :stateDesc="pageData[229][5].state_desc"
                                 :name="'-'+pageData[229][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         230-->
                         <g transform="translate(3000,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="北大线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['230'][8].state_val)"
                                     :P="Number(this.pageData['230'][6].state_val)"
                                     :Q="Number(this.pageData['230'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['230'][3].state_val)"
                                 :stateDesc="pageData['230'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['230'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[230][9].state_val)"
                                 :stateDesc="pageData[230][9].state_desc"
                                 :name="'-'+pageData[230][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[230][4].state_val)"
                                 :stateDesc="pageData[230][4].state_desc"
                                 :name="'-'+pageData[230][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[230][0].state_val)"
                                 :stateDesc="pageData[230][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[230][0].is_clear}"
                                 :name="pageData[230][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['230'][2].state_val)"
                                 :stateDesc="pageData['230'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['230'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['230'][1].state_val)"
                                 :stateDesc="pageData['230'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['230'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[230][5].state_val)"
                                 :stateDesc="pageData[230][5].state_desc"
                                 :name="'-'+pageData[230][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         231-->
                         <g transform="translate(3200,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="备用"
                                     dir="bottom"
                                     :text-width="70"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['231'][3].state_val)"
                                 :stateDesc="pageData['231'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['231'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[231][6].state_val)"
                                 :stateDesc="pageData[231][6].state_desc"
                                 :name="'-'+pageData[231][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[231][4].state_val)"
                                 :stateDesc="pageData[231][4].state_desc"
                                 :name="'-'+pageData[231][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[231][0].state_val)"
                                 :stateDesc="pageData[231][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[231][0].is_clear}"
                                 :name="pageData[231][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['231'][2].state_val)"
                                 :stateDesc="pageData['231'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['231'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['231'][1].state_val)"
                                 :stateDesc="pageData['231'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['231'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[231][5].state_val)"
                                 :stateDesc="pageData[231][5].state_desc"
                                 :name="'-'+pageData[231][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
<!--                         233-->
                         <g transform="translate(3400,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="西北线"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['233'][8].state_val)"
                                     :P="Number(this.pageData['233'][6].state_val)"
                                     :Q="Number(this.pageData['233'][7].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['233'][3].state_val)"
                                 :stateDesc="pageData['233'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['233'][3].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[233][9].state_val)"
                                 :stateDesc="pageData[233][9].state_desc"
                                 :name="'-'+pageData[233][9].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[233][4].state_val)"
                                 :stateDesc="pageData[233][4].state_desc"
                                 :name="'-'+pageData[233][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[233][0].state_val)"
                                 :stateDesc="pageData[233][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[233][0].is_clear}"
                                 :name="pageData[233][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['233'][2].state_val)"
                                 :stateDesc="pageData['233'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="110"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['233'][2].state_desc.split('-')[1]"></connect-line>
                             <connect-line
                                 :state="Number(pageData['233'][1].state_val)"
                                 :stateDesc="pageData['233'][1].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['233'][1].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[233][5].state_val)"
                                 :stateDesc="pageData[233][5].state_desc"
                                 :name="'-'+pageData[233][5].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         </g>
                         <!--                         202-->
                         <g transform="translate(3600,0)">
                             <g transform="translate(20,60)">
                                 <num-screen
                                     name="B母联"
                                     dir="bottom"
                                     :text-width="70"
                                     :Ia="Number(this.pageData['202'][9].state_val)"
                                     :P="Number(this.pageData['202'][7].state_val)"
                                     :Q="Number(this.pageData['202'][8].state_val)"
                                     :num-tran-y="-140"
                                     :num-tran-x="-35"
                                     :has-unit="false"
                                 ></num-screen>
                             </g>
                             <line x1="195" y1="130" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,130,115,130,115,385" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                             <polyline points="195,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <polyline points="195,345,135,345,135,335" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <connect-line
                                 :state="Number(pageData['202'][5].state_val)"
                                 :stateDesc="pageData['202'][5].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="206"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['202'][5].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[202][6].state_val)"
                                 :stateDesc="pageData[202][6].state_desc"
                                 :name="'-'+pageData[202][6].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="153"
                                 :translate-y="226"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData[202][4].state_val)"
                                 :stateDesc="pageData[202][4].state_desc"
                                 :name="'-'+pageData[202][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="238"
                                 :translate-y="162"
                                 :text-translate-y="30"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[202][0].state_val)"
                                 :stateDesc="pageData[202][0].state_desc"
                                 :rotate="90"
                                 :translate-y="240"
                                 :translate-x="228"
                                 :text-translate-x="6"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[202][0].is_clear}"
                                 :name="pageData[202][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData[202][3].state_val)"
                                 :stateDesc="pageData[202][3].state_desc"
                                 :name="'-'+pageData[202][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="116"
                                 :translate-y="287"
                                 :text-translate-y="25"
                                 :text-translate-x="25"
                                 :rotate="0"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['202'][2].state_val)"
                                 :stateDesc="pageData['202'][2].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="170"
                                 :translate-y="330"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="'-'+pageData['202'][2].state_desc.split('-')[1]"></connect-line>
                             <terminal-svg
                                 :state="Number(pageData[202][1].state_val)"
                                 :stateDesc="pageData[202][1].state_desc"
                                 :name="'-'+pageData[202][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="272"
                                 :translate-y="350"
                                 :text-translate-y="15"
                                 :text-translate-x="70"
                                 :rotate="180"
                             ></terminal-svg>
                             <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                             <circle r="6" cx="115" cy="385" fill="rgb(128,0,128)"></circle>
                         </g>
                         <g transform="translate(200,0)">
                             <!--                         234-->
                             <g transform="translate(3600,0)">
                                 <g transform="translate(20,60)">
                                     <num-screen
                                         name="北托线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['234'][8].state_val)"
                                         :P="Number(this.pageData['234'][6].state_val)"
                                         :Q="Number(this.pageData['234'][7].state_val)"
                                         :num-tran-y="-140"
                                         :num-tran-x="-35"
                                         :has-unit="false"
                                     ></num-screen>
                                 </g>
                                 <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <connect-line
                                     :state="Number(pageData['234'][3].state_val)"
                                     :stateDesc="pageData['234'][3].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['234'][3].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[234][9].state_val)"
                                     :stateDesc="pageData[234][9].state_desc"
                                     :name="'-'+pageData[234][9].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[234][4].state_val)"
                                     :stateDesc="pageData[234][4].state_desc"
                                     :name="'-'+pageData[234][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="30"
                                     :text-translate-x="25"
                                     :rotate="0"
                                 ></terminal-svg>
                                 <rect-svg
                                     :state="Number(pageData[234][0].state_val)"
                                     :stateDesc="pageData[234][0].state_desc"
                                     :rotate="90"
                                     :translate-y="240"
                                     :translate-x="228"
                                     :text-translate-x="6"
                                     :text-translate-y="-4"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[234][0].is_clear}"
                                     :name="pageData[234][0].state_desc"
                                 ></rect-svg>
                                 <connect-line
                                     :state="Number(pageData['234'][2].state_val)"
                                     :stateDesc="pageData['234'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="110"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['234'][2].state_desc.split('-')[1]"></connect-line>
                                 <connect-line
                                     :state="Number(pageData['234'][1].state_val)"
                                     :stateDesc="pageData['234'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['234'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[234][5].state_val)"
                                     :stateDesc="pageData[234][5].state_desc"
                                     :name="'-'+pageData[234][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="272"
                                     :translate-y="350"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                                 <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                                 <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             </g>
                             <!--                         235-->
                             <g transform="translate(3800,0)">
                                 <g transform="translate(20,60)">
                                     <num-screen
                                         name="北田I线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['235'][8].state_val)"
                                         :P="Number(this.pageData['235'][6].state_val)"
                                         :Q="Number(this.pageData['235'][7].state_val)"
                                         :num-tran-y="-140"
                                         :num-tran-x="-35"
                                         :has-unit="false"
                                     ></num-screen>
                                 </g>
                                 <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <connect-line
                                     :state="Number(pageData['235'][3].state_val)"
                                     :stateDesc="pageData['235'][3].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['235'][3].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[235][9].state_val)"
                                     :stateDesc="pageData[235][9].state_desc"
                                     :name="'-'+pageData[235][9].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[235][4].state_val)"
                                     :stateDesc="pageData[235][4].state_desc"
                                     :name="'-'+pageData[235][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="30"
                                     :text-translate-x="25"
                                     :rotate="0"
                                 ></terminal-svg>
                                 <rect-svg
                                     :state="Number(pageData[235][0].state_val)"
                                     :stateDesc="pageData[235][0].state_desc"
                                     :rotate="90"
                                     :translate-y="240"
                                     :translate-x="228"
                                     :text-translate-x="6"
                                     :text-translate-y="-4"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[235][0].is_clear}"
                                     :name="pageData[235][0].state_desc"
                                 ></rect-svg>
                                 <connect-line
                                     :state="Number(pageData['235'][2].state_val)"
                                     :stateDesc="pageData['235'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="110"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['235'][2].state_desc.split('-')[1]"></connect-line>
                                 <connect-line
                                     :state="Number(pageData['235'][1].state_val)"
                                     :stateDesc="pageData['235'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['235'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[235][5].state_val)"
                                     :stateDesc="pageData[235][5].state_desc"
                                     :name="'-'+pageData[235][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="272"
                                     :translate-y="350"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                                 <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                                 <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             </g>
                             <!--                         236-->
                             <g transform="translate(4000,0)">
                                 <g transform="translate(20,60)">
                                     <num-screen
                                         name="北田Ⅱ线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['236'][8].state_val)"
                                         :P="Number(this.pageData['236'][6].state_val)"
                                         :Q="Number(this.pageData['236'][7].state_val)"
                                         :num-tran-y="-140"
                                         :num-tran-x="-35"
                                         :has-unit="false"
                                     ></num-screen>
                                 </g>
                                 <line x1="195" y1="120" x2="195" y2="180" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polygon points="190,120,195,110,200,120" style="fill:rgb(128,0,128)"></polygon>
                                 <polyline points="195,160,135,160,135,180" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <line x1="195" y1="210" x2="195" y2="305" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <polyline points="195,230,255,230,255,210" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
                                 <polyline points="135,305,135,290,255,290,255,305" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                                 <connect-line
                                     :state="Number(pageData['236'][3].state_val)"
                                     :stateDesc="pageData['236'][3].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="206"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['236'][3].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[236][9].state_val)"
                                     :stateDesc="pageData[236][9].state_desc"
                                     :name="'-'+pageData[236][9].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="153"
                                     :translate-y="226"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData[236][4].state_val)"
                                     :stateDesc="pageData[236][4].state_desc"
                                     :name="'-'+pageData[236][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="238"
                                     :translate-y="162"
                                     :text-translate-y="30"
                                     :text-translate-x="25"
                                     :rotate="0"
                                 ></terminal-svg>
                                 <rect-svg
                                     :state="Number(pageData[236][0].state_val)"
                                     :stateDesc="pageData[236][0].state_desc"
                                     :rotate="90"
                                     :translate-y="240"
                                     :translate-x="228"
                                     :text-translate-x="6"
                                     :text-translate-y="-4"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[236][0].is_clear}"
                                     :name="pageData[236][0].state_desc"
                                 ></rect-svg>
                                 <connect-line
                                     :state="Number(pageData['236'][2].state_val)"
                                     :stateDesc="pageData['236'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="110"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['236'][2].state_desc.split('-')[1]"></connect-line>
                                 <connect-line
                                     :state="Number(pageData['236'][1].state_val)"
                                     :stateDesc="pageData['236'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="-90"
                                     :translate-x="170"
                                     :translate-y="330"
                                     :text-translate-y="10"
                                     :text-translate-x="50"
                                     :name="'-'+pageData['236'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData[236][5].state_val)"
                                     :stateDesc="pageData[236][5].state_desc"
                                     :name="'-'+pageData[236][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.7
                                     :translate-x="272"
                                     :translate-y="350"
                                     :text-translate-y="15"
                                     :text-translate-x="70"
                                     :rotate="180"
                                 ></terminal-svg>
                                 <line x1="195" y1="333" x2="195" y2="355" stroke="rgb(128,0,128)" stroke-width="2"></line>
                                 <circle r="6" cx="195" cy="355" fill="rgb(128,0,128)"></circle>
                                 <circle r="6" cx="135" cy="385" fill="rgb(128,0,128)"></circle>
                                 <line x1="135" y1="333" x2="135" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             </g>
                         </g>

<!--                         21A-->
                         <g transform="translate(1000,0)">
                             <circle r="6" cx="110" cy="355" fill="rgb(128,0,128)"></circle>
                             <line x1="110" y1="423" x2="110" y2="353" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['21A'][0].state_val)"
                                 :stateDesc="pageData['21A'][0].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="86"
                                 :translate-y="450"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="pageData['21A'][0].state_desc"></connect-line>
                             <polyline points="110,454,110,480,60,480,60,454"  style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['21A'][1].state_val)"
                                 :stateDesc="pageData['21A'][1].state_desc"
                                 :name="pageData['21A'][1].state_desc"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="42.5"
                                 :translate-y="408"
                                 :text-translate-y="-10"
                                 :text-translate-x="-15"
                                 :rotate="0"
                             ></terminal-svg>
                             <line x1="110" y1="480" x2="150" y2="480" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <dian-liu-hu-gan-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="250"
                             ></dian-liu-hu-gan-qi>
                             <bi-lei-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="246"
                             ></bi-lei-qi>
                         </g>
<!--                         22A-->
                         <g transform="translate(1250,0)">
                             <circle r="6" cx="110" cy="385" fill="rgb(128,0,128)"></circle>
                             <line x1="110" y1="423" x2="110" y2="385" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['22A'][0].state_val)"
                                 :stateDesc="pageData['22A'][0].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="86"
                                 :translate-y="450"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="pageData['22A'][0].state_desc"></connect-line>
                             <polyline points="110,454,110,480,60,480,60,454"  style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['22A'][1].state_val)"
                                 :stateDesc="pageData['22A'][1].state_desc"
                                 :name="pageData['22A'][1].state_desc"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="42.5"
                                 :translate-y="408"
                                 :text-translate-y="-10"
                                 :text-translate-x="-15"
                                 :rotate="0"
                             ></terminal-svg>
                             <line x1="110" y1="480" x2="150" y2="480" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <dian-liu-hu-gan-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="250"
                             ></dian-liu-hu-gan-qi>
                             <bi-lei-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="246"
                             ></bi-lei-qi>
                         </g>
                         <!--                         21B-->
                         <g transform="translate(3580,0)">
                             <circle r="6" cx="110" cy="355" fill="rgb(128,0,128)"></circle>
                             <line x1="110" y1="423" x2="110" y2="353" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['21B'][0].state_val)"
                                 :stateDesc="pageData['21B'][0].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="86"
                                 :translate-y="450"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="pageData['21B'][0].state_desc"></connect-line>
                             <polyline points="110,454,110,480,60,480,60,454"  style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['21B'][1].state_val)"
                                 :stateDesc="pageData['21B'][1].state_desc"
                                 :name="pageData['21B'][1].state_desc"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="42.5"
                                 :translate-y="408"
                                 :text-translate-y="-10"
                                 :text-translate-x="-15"
                                 :rotate="0"
                             ></terminal-svg>
                             <line x1="110" y1="480" x2="150" y2="480" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <dian-liu-hu-gan-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="250"
                             ></dian-liu-hu-gan-qi>
                             <bi-lei-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="246"
                             ></bi-lei-qi>
                         </g>
<!--                         22b-->
                         <g transform="translate(3780,0)">
                             <circle r="6" cx="110" cy="355" fill="rgb(128,0,128)"></circle>
                             <line x1="110" y1="423" x2="110" y2="353" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="Number(pageData['22B'][0].state_val)"
                                 :stateDesc="pageData['22B'][0].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="-90"
                                 :translate-x="86"
                                 :translate-y="450"
                                 :text-translate-y="10"
                                 :text-translate-x="50"
                                 :name="pageData['22B'][0].state_desc"></connect-line>
                             <polyline points="110,454,110,480,60,480,60,454"  style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['22B'][1].state_val)"
                                 :stateDesc="pageData['22B'][1].state_desc"
                                 :name="pageData['22B'][1].state_desc"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="42.5"
                                 :translate-y="408"
                                 :text-translate-y="-10"
                                 :text-translate-x="-15"
                                 :rotate="0"
                             ></terminal-svg>
                             <line x1="110" y1="480" x2="150" y2="480" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <dian-liu-hu-gan-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="250"
                             ></dian-liu-hu-gan-qi>
                             <bi-lei-qi
                                 color="rgb(128,0,128)"
                                 :rotate="90"
                                 :translate-y="350"
                                 :translate-x="246"
                             ></bi-lei-qi>
                         </g>
                 </g>
<!--                     35Kv-->
                     <g>
<!--                         2母-->
                         <text x="580" y="530" fill="#FFFFFF" font-size="20px">f(Hz)</text>
                         <text x="670" y="530" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV II母'][0].state_val).toFixed(2)}}</text>
                         <text x="580" y="560" fill="#FFFFFF" font-size="20px">Uab(kV)</text>
                         <text x="670" y="560" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV II母'][1].state_val).toFixed(2)}}</text>
                         <text x="580" y="590" fill="#FFFFFF" font-size="20px">35kV#2母线</text>
                         <line x1="620" y1="600" x2="620" y2="1180" stroke="rgb(255,255,0)" stroke-width="5"></line>                                                                                                                                                                                                              0" y1="600" x2="620" y2="1200" stroke="rgb(255,255,0)" stroke-width="5"></line>
<!--                         3母-->
                         <g transform="translate(0,800)">
                             <text x="580" y="530" fill="#FFFFFF" font-size="20px">f(Hz)</text>
                             <text x="670" y="530" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV III母'][0].state_val).toFixed(2)}}</text>
                             <text x="580" y="560" fill="#FFFFFF" font-size="20px">Uab(kV)</text>
                             <text x="670" y="560" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV III母'][1].state_val).toFixed(2)}}</text>
                             <text x="580" y="590" fill="#FFFFFF" font-size="20px">35kV#3母线</text>
                             <line x1="620" y1="600" x2="620" y2="1180" stroke="rgb(255,255,0)" stroke-width="5"></line>
                         </g>
<!--                         1母-->
                         <g transform="translate(3172,50)">
                             <text x="580" y="530" fill="#FFFFFF" font-size="20px">f(Hz)</text>
                             <text x="670" y="530" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV I母'][0].state_val).toFixed(2)}}</text>
                             <text x="580" y="560" fill="#FFFFFF" font-size="20px">Uab(kV)</text>
                             <text x="670" y="560" fill="#FFFFFF" font-size="20px">{{Number(pageData['35kV I母'][1].state_val).toFixed(2)}}</text>
                             <text x="580" y="590" fill="#FFFFFF" font-size="20px">35kV#1母线</text>
                             <line x1="620" y1="600" x2="620" y2="1080" stroke="rgb(255,255,0)" stroke-width="5"></line>
                         </g>
                         <!--                         3221-->
                         <g>
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#3电抗器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dian-kang-qi
                                color="rgb(255,255,0)"
                                :scale="0.8"
                                :translate-y="425"
                                :translate-x="200"
                                :rotate="-90"
                             ></dian-kang-qi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="358,634,358,604" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <bi-lei-qi
                                 color="rgb(255,255,0)"
                                 :scale="1.2"
                                 :translate-y="720"
                                 :translate-x="515"
                                 :rotate="180"
                             ></bi-lei-qi>
                             <rect-svg
                                 :state="Number(pageData[3221][0].state_val)"
                                 :stateDesc="pageData[3221][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3221][0].is_clear}"
                                 :name="pageData[3221][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3221'][2].state_val)"
                                 :stateDesc="pageData['3221'][2].state_desc"
                                 :name="'-'+pageData['3221'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3221'][1].state_val)"
                                 :stateDesc="pageData['3221'][1].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3221'][1].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3222-->
                         <g transform="translate(0,100)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#4电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3222'][3].state_val)"
                                 :stateDesc="pageData['3222'][3].state_desc"
                                 :name="'-'+pageData['3222'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3222][0].state_val)"
                                 :stateDesc="pageData[3222][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3222][0].is_clear}"
                                 :name="pageData[3222][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3222'][1].state_val)"
                                 :stateDesc="pageData['3222'][1].state_desc"
                                 :name="'-'+pageData['3222'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['3222'][4].state_val)"
                                 :stateDesc="pageData['3222'][4].state_desc"
                                 :name="'-'+pageData['3222'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="197"
                                 :translate-y="654"
                                 :text-translate-y="4"
                                 :text-translate-x="20"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3222'][2].state_val)"
                                 :stateDesc="pageData['3222'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3222'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3223-->
                         <g transform="translate(0,200)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#4电抗器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dian-kang-qi
                                 color="rgb(255,255,0)"
                                 :scale="0.8"
                                 :translate-y="425"
                                 :translate-x="200"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="358,634,358,604" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <bi-lei-qi
                                 color="rgb(255,255,0)"
                                 :scale="1.2"
                                 :translate-y="720"
                                 :translate-x="515"
                                 :rotate="180"
                             ></bi-lei-qi>
                             <rect-svg
                                 :state="Number(pageData[3223][0].state_val)"
                                 :stateDesc="pageData[3223][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3223][0].is_clear}"
                                 :name="pageData[3223][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3223'][2].state_val)"
                                 :stateDesc="pageData['3223'][2].state_desc"
                                 :name="'-'+pageData['3223'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3223'][1].state_val)"
                                 :stateDesc="pageData['3223'][1].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3223'][1].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3224-->
                         <g transform="translate(0,300)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#5电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3224'][3].state_val)"
                                 :stateDesc="pageData['3224'][3].state_desc"
                                 :name="'-'+pageData['3224'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3224][0].state_val)"
                                 :stateDesc="pageData[3224][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3224][0].is_clear}"
                                 :name="pageData[3224][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3224'][1].state_val)"
                                 :stateDesc="pageData['3224'][1].state_desc"
                                 :name="'-'+pageData['3224'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['3224'][4].state_val)"
                                 :stateDesc="pageData['3224'][4].state_desc"
                                 :name="'-'+pageData['3224'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="197"
                                 :translate-y="654"
                                 :text-translate-y="4"
                                 :text-translate-x="20"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3224'][2].state_val)"
                                 :stateDesc="pageData['3224'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3224'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3225-->
                         <g transform="translate(0,400)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#6电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3225'][3].state_val)"
                                 :stateDesc="pageData['3225'][3].state_desc"
                                 :name="'-'+pageData['3225'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3225][0].state_val)"
                                 :stateDesc="pageData[3225][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3225][0].is_clear}"
                                 :name="pageData[3225][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3225'][1].state_val)"
                                 :stateDesc="pageData['3225'][1].state_desc"
                                 :name="'-'+pageData['3225'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['3225'][4].state_val)"
                                 :stateDesc="pageData['3225'][4].state_desc"
                                 :name="'-'+pageData['3225'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="197"
                                 :translate-y="654"
                                 :text-translate-y="4"
                                 :text-translate-x="20"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3225'][2].state_val)"
                                 :stateDesc="pageData['3225'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3225'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3226-->
                         <g transform="translate(0,500)">
                             <zhanyongbian
                                 color="rgb(158, 95, 43)"
                                 color_1="rgb(240,65,85)"
                                 :rotate="90"
                                 :zybStyle="2"
                                 :scale="1.5"
                                 :translate-y="-1268"
                                 :translate-x="-1240"
                             >

                             </zhanyongbian>
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#1站用变"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="320" y1="634" x2="436" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="458" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="288" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="421"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="308,664,328,664,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3226'][3].state_val)"
                                 :stateDesc="pageData['3226'][3].state_desc"
                                 :name="'-'+pageData['3226'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="256"
                                 :translate-y="684"
                                 :text-translate-y="4"
                                 :text-translate-x="10"
                                 :rotate="-90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3226][0].state_val)"
                                 :stateDesc="pageData[3226][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="368"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3226][0].is_clear}"
                                 :name="pageData[3226][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3226'][1].state_val)"
                                 :stateDesc="pageData['3226'][1].state_desc"
                                 :name="'-'+pageData['3226'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3226'][4].state_val)"
                                 :stateDesc="pageData['3226'][4].state_desc"
                                 :name="'-'+pageData['3226'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="290"
                                 :translate-y="606"
                                 :text-translate-y="-4"
                                 :text-translate-x="5"
                                 :rotate="0"
                             ></connect-line>
                             <connect-line
                                 :state="Number(pageData['3226'][2].state_val)"
                                 :stateDesc="pageData['3226'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3226'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3200-->
                         <g transform="translate(0,600)">
                             <zhanyongbian
                                 color="rgb(158, 95, 43)"
                                 color_1="rgb(240,65,85)"
                                 :rotate="90"
                                 :zybStyle="2"
                                 :scale="1.5"
                                 :translate-y="-1268"
                                 :translate-x="-1240"
                             >

                             </zhanyongbian>
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#0站用变"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <g transform="translate(500,600)">
                                 <num-screen
                                     name="叩北线"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>

                             <line x1="320" y1="634" x2="436" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="458" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="288" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="421"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="308,664,328,664,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3200'][3].state_val)"
                                 :stateDesc="pageData['3200'][3].state_desc"
                                 :name="'-'+pageData['3200'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="256"
                                 :translate-y="684"
                                 :text-translate-y="4"
                                 :text-translate-x="10"
                                 :rotate="-90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3200][0].state_val)"
                                 :stateDesc="pageData[3200][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="368"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3200][0].is_clear}"
                                 :name="pageData[3200][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3200'][1].state_val)"
                                 :stateDesc="pageData['3200'][1].state_desc"
                                 :name="'-'+pageData['3200'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3200'][4].state_val)"
                                 :stateDesc="pageData['3200'][4].state_desc"
                                 :name="'-'+pageData['3200'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="290"
                                 :translate-y="606"
                                 :text-translate-y="-4"
                                 :text-translate-x="5"
                                 :rotate="0"
                             ></connect-line>
                             <connect-line
                                 :state="Number(pageData['3200'][2].state_val)"
                                 :stateDesc="pageData['3200'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3200'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         312-->
                         <g transform="translate(330,150)">
                             <circle r="6" cx="290" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>

                             <rect-svg
                                 :state="Number(pageData[312][0].state_val)"
                                 :stateDesc="pageData[312][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="408"
                                 :text-translate-x="0"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[312][0].is_clear}"
                                 :name="pageData[312][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['312'][1].state_val)"
                                 :stateDesc="pageData['312'][1].state_desc"
                                 :name="'-'+pageData['312'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['312'][3].state_val)"
                                 :stateDesc="pageData['312'][3].state_desc"
                                 :name="'-'+pageData['312'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['312'][2].state_val)"
                                 :stateDesc="pageData['312'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['312'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         32-7-->
                         <g transform="translate(240,270)">
                             <circle r="6" cx="380" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="378" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="620" y1="634" x2="620" y2="604" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <text x="620" y="684" fill="#FFFFFF" font-size="20">35kV#2PT</text>
                             <dian-liu-hu-gan-qi color="rgb(255,255,0)" :scale="0.8" :translate-x="516" :translate-y="522"></dian-liu-hu-gan-qi>
                             <bi-lei-qi color="rgb(255,255,0)" :scale="1" :translate-x="490" :translate-y="508"></bi-lei-qi>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>


                             <terminal-svg
                                 :state="Number(pageData['32-7'][2].state_val)"
                                 :stateDesc="pageData['32-7'][2].state_desc"
                                 :name="'-'+pageData['32-7'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['32-7'][1].state_val)"
                                 :stateDesc="pageData['32-7'][1].state_desc"
                                 :name="'-'+pageData['32-7'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['32-7'][0].state_val)"
                                 :stateDesc="pageData['32-7'][0].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['32-7'][0].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3231-->
                         <g transform="translate(0,800)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#1电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3231'][1].state_val)"
                                 :stateDesc="pageData['3231'][1].state_desc"
                                 :name="'-'+pageData['3231'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3231][0].state_val)"
                                 :stateDesc="pageData[3231][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3231][0].is_clear}"
                                 :name="pageData[3231][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3231'][3].state_val)"
                                 :stateDesc="pageData['3231'][3].state_desc"
                                 :name="'-'+pageData['3231'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3231'][2].state_val)"
                                 :stateDesc="pageData['3231'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3231'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3232-->
                         <g transform="translate(0,900)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#1电抗器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dian-kang-qi
                                 color="rgb(255,255,0)"
                                 :scale="0.8"
                                 :translate-y="425"
                                 :translate-x="200"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="358,634,358,604" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <bi-lei-qi
                                 color="rgb(255,255,0)"
                                 :scale="1.2"
                                 :translate-y="720"
                                 :translate-x="515"
                                 :rotate="180"
                             ></bi-lei-qi>
                             <rect-svg
                                 :state="Number(pageData[3232][0].state_val)"
                                 :stateDesc="pageData[3232][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3232][0].is_clear}"
                                 :name="pageData[3232][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3232'][2].state_val)"
                                 :stateDesc="pageData['3232'][2].state_desc"
                                 :name="'-'+pageData['3232'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3232'][1].state_val)"
                                 :stateDesc="pageData['3232'][1].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3232'][1].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3233-->
                         <g transform="translate(0,1000)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#2电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3233'][0].state_val)"
                                 :stateDesc="pageData['3233'][0].state_desc"
                                 :name="'-'+pageData['3233'][0].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3233][1].state_val)"
                                 :stateDesc="pageData[3233][1].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3233][1].is_clear}"
                                 :name="pageData[3233][1].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3233'][3].state_val)"
                                 :stateDesc="pageData['3233'][3].state_desc"
                                 :name="'-'+pageData['3233'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3233'][2].state_val)"
                                 :stateDesc="pageData['3233'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3233'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3234-->
                         <g transform="translate(0,1100)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#2电抗器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dian-kang-qi
                                 color="rgb(255,255,0)"
                                 :scale="0.8"
                                 :translate-y="425"
                                 :translate-x="200"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="358,634,358,604" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <bi-lei-qi
                                 color="rgb(255,255,0)"
                                 :scale="1.2"
                                 :translate-y="720"
                                 :translate-x="515"
                                 :rotate="180"
                             ></bi-lei-qi>
                             <rect-svg
                                 :state="Number(pageData[3234][0].state_val)"
                                 :stateDesc="pageData[3234][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3234][0].is_clear}"
                                 :name="pageData[3234][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3234'][2].state_val)"
                                 :stateDesc="pageData['3234'][2].state_desc"
                                 :name="'-'+pageData['3234'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3234'][1].state_val)"
                                 :stateDesc="pageData['3234'][1].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3234'][1].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3235-->
                         <g transform="translate(0,1200)">
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#3电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3235'][1].state_val)"
                                 :stateDesc="pageData['3235'][1].state_desc"
                                 :name="'-'+pageData['3235'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3235][0].state_val)"
                                 :stateDesc="pageData[3235][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3235][0].is_clear}"
                                 :name="pageData[3235][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3235'][3].state_val)"
                                 :stateDesc="pageData['3235'][3].state_desc"
                                 :name="'-'+pageData['3235'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3235'][2].state_val)"
                                 :stateDesc="pageData['3235'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3235'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3236-->
                         <g transform="translate(0,1300)">
                             <zhanyongbian
                                 color="rgb(158, 95, 43)"
                                 color_1="rgb(240,65,85)"
                                 :rotate="90"
                                 :zybStyle="2"
                                 :scale="1.5"
                                 :translate-y="-1268"
                                 :translate-x="-1240"
                             >

                             </zhanyongbian>
                             <g transform="translate(-80,600)">
                                 <num-screen
                                     name="#2站用变"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="320" y1="634" x2="436" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="458" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="288" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="421"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="308,664,328,664,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3236'][2].state_val)"
                                 :stateDesc="pageData['3236'][2].state_desc"
                                 :name="'-'+pageData['3236'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="256"
                                 :translate-y="684"
                                 :text-translate-y="4"
                                 :text-translate-x="10"
                                 :rotate="-90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3236][0].state_val)"
                                 :stateDesc="pageData[3236][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="368"
                                 :text-translate-x="-4"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3236][0].is_clear}"
                                 :name="pageData[3236][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3236'][4].state_val)"
                                 :stateDesc="pageData['3236'][4].state_desc"
                                 :name="'-'+pageData['3236'][4].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3236'][1].state_val)"
                                 :stateDesc="pageData['3236'][1].state_desc"
                                 :name="'-'+pageData['3236'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.7
                                 :translate-x="290"
                                 :translate-y="606"
                                 :text-translate-y="-4"
                                 :text-translate-x="5"
                                 :rotate="0"
                             ></connect-line>
                             <connect-line
                                 :state="Number(pageData['3236'][3].state_val)"
                                 :stateDesc="pageData['3236'][3].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="-10"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['3236'][3].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         313-->
                         <g transform="translate(330,850)">
                             <circle r="6" cx="290" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="288" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>

                             <rect-svg
                                 :state="Number(pageData[313][0].state_val)"
                                 :stateDesc="pageData[313][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="408"
                                 :text-translate-x="0"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[313][0].is_clear}"
                                 :name="pageData[313][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['313'][1].state_val)"
                                 :stateDesc="pageData['313'][1].state_desc"
                                 :name="'-'+pageData['313'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['313'][3].state_val)"
                                 :stateDesc="pageData['313'][3].state_desc"
                                 :name="'-'+pageData['313'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['313'][2].state_val)"
                                 :stateDesc="pageData['313'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['313'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         33-7-->
                         <g transform="translate(240,1050)">
                             <circle r="6" cx="380" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="378" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="620" y1="634" x2="620" y2="604" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <text x="620" y="684" fill="#FFFFFF" font-size="20">35kV#3PT</text>
                             <dian-liu-hu-gan-qi color="rgb(255,255,0)" :scale="0.8" :translate-x="516" :translate-y="522"></dian-liu-hu-gan-qi>
                             <bi-lei-qi color="rgb(255,255,0)" :scale="1" :translate-x="490" :translate-y="508"></bi-lei-qi>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>


                             <terminal-svg
                                 :state="Number(pageData['33-7'][0].state_val)"
                                 :stateDesc="pageData['33-7'][0].state_desc"
                                 :name="'-'+pageData['33-7'][0].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['33-7'][1].state_val)"
                                 :stateDesc="pageData['33-7'][1].state_desc"
                                 :name="'-'+pageData['33-7'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['33-7'][2].state_val)"
                                 :stateDesc="pageData['33-7'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['33-7'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         311-->
                         <g transform="translate(3072,76)">
                             <circle r="6" cx="720" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="328" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="720" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>

                             <rect-svg
                                 :state="Number(pageData[311][0].state_val)"
                                 :stateDesc="pageData[311][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="618"
                                 :text-translate-x="0"
                                 :text-translate-y="-4"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[311][0].is_clear}"
                                 :name="pageData[311][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['311'][3].state_val)"
                                 :stateDesc="pageData['311'][3].state_desc"
                                 :name="'-'+pageData['311'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['311'][1].state_val)"
                                 :stateDesc="pageData['311'][1].state_desc"
                                 :name="'-'+pageData['311'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['311'][2].state_val)"
                                 :stateDesc="pageData['311'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['311'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3213-->
                         <g transform="translate(3172,60)rotate(180,620,634)">
                             <g transform="translate(300,666)rotate(-180)">
                                 <num-screen
                                     name="#7电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3213'][3].state_val)"
                                 :stateDesc="pageData['3213'][3].state_desc"
                                 :name="'-'+pageData['3213'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-44"
                                 :text-translate-x="-10"
                                 :rotate="90"
                                 :text-rotate="-180"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3213][0].state_val)"
                                 :stateDesc="pageData[3213][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-34"
                                 :text-translate-y="-74"
                                 :scale="0.8"
                                 :text-rotate="-180"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3213][0].is_clear}"
                                 :name="pageData[3213][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3213'][1].state_val)"
                                 :stateDesc="pageData['3213'][1].state_desc"
                                 :name="'-'+pageData['3213'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :text-rotate="-180"
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-44"
                                 :text-translate-x="-15"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3213'][2].state_val)"
                                 :stateDesc="pageData['3213'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-rotate="-180"
                                 :text-translate-y="-20"
                                 :text-translate-x="-16"
                                 :name="'-'+pageData['3213'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3214-->
                         <g transform="translate(3172,160)rotate(180,620,634)">
                             <g transform="translate(300,666)rotate(-180)">
                                 <num-screen
                                     name="#8电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3214'][3].state_val)"
                                 :stateDesc="pageData['3214'][3].state_desc"
                                 :name="'-'+pageData['3214'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-44"
                                 :text-translate-x="-10"
                                 :rotate="90"
                                 :text-rotate="-180"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3214][0].state_val)"
                                 :stateDesc="pageData[3214][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-34"
                                 :text-translate-y="-74"
                                 :scale="0.8"
                                 :text-rotate="-180"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3214][0].is_clear}"
                                 :name="pageData[3214][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3214'][1].state_val)"
                                 :stateDesc="pageData['3214'][1].state_desc"
                                 :name="'-'+pageData['3214'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :text-rotate="-180"
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-44"
                                 :text-translate-x="-15"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3214'][2].state_val)"
                                 :stateDesc="pageData['3214'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-rotate="-180"
                                 :text-translate-y="-20"
                                 :text-translate-x="-16"
                                 :name="'-'+pageData['3214'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         3215-->
                         <g transform="translate(3172,260)rotate(180,620,634)">
                             <g transform="translate(300,666)rotate(-180)">
                                 <num-screen
                                     name="#9电容器"
                                     dir="none"
                                     :text-width="70"
                                 ></num-screen>
                             </g>
                             <dianrongqi
                                 :has-bottom="false"
                                 color="rgb(255,255,0)"
                                 :scale="1"
                                 :translate-y="194"
                                 :translate-x="-1538"
                                 :rotate="-90"
                             ></dianrongqi>
                             <circle r="6" cx="620" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="398" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="634" x2="312" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <dian-kang-qi
                                 :onlyCircle="true"
                                 color="rgb(255,255,0)"
                                 :scale="0.6"
                                 :swidth="3"
                                 :translate-y="407"
                                 :translate-x="361"
                                 :rotate="-90"
                             ></dian-kang-qi>
                             <polyline points="348,604,328,604,328,634,373,634" stroke="rgb(255,255,0)" stroke-width="2" fill="none"></polyline>
                             <polyline points="490,634,490,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <terminal-svg
                                 :state="Number(pageData['3215'][3].state_val)"
                                 :stateDesc="pageData['3215'][3].state_desc"
                                 :name="'-'+pageData['3215'][3].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="400"
                                 :translate-y="584"
                                 :text-translate-y="-44"
                                 :text-translate-x="-10"
                                 :rotate="90"
                                 :text-rotate="-180"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[3215][0].state_val)"
                                 :stateDesc="pageData[3215][0].state_desc"
                                 :rotate="0"
                                 :translate-y="602"
                                 :translate-x="428"
                                 :text-translate-x="-34"
                                 :text-translate-y="-74"
                                 :scale="0.8"
                                 :text-rotate="-180"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[3215][0].is_clear}"
                                 :name="pageData[3215][0].state_desc"
                             ></rect-svg>
                             <terminal-svg
                                 :state="Number(pageData['3215'][1].state_val)"
                                 :stateDesc="pageData['3215'][1].state_desc"
                                 :name="'-'+pageData['3215'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :text-rotate="-180"
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-44"
                                 :text-translate-x="-15"
                                 :rotate="90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['3215'][2].state_val)"
                                 :stateDesc="pageData['3215'][2].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-rotate="-180"
                                 :text-translate-y="-20"
                                 :text-translate-x="-16"
                                 :name="'-'+pageData['3215'][2].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         31-7-->
                         <g transform="translate(3412,360)">
                             <circle r="6" cx="380" cy="634" fill="rgb(255,255,0)" ></circle>
                             <line x1="378" y1="634" x2="520" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="554" y1="634" x2="620" y2="634" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <line x1="620" y1="634" x2="620" y2="604" stroke="rgb(255,255,0)" stroke-width="2"></line>
                             <text x="620" y="684" fill="#FFFFFF" font-size="20">35kV#1PT</text>
                             <dian-liu-hu-gan-qi color="rgb(255,255,0)" :scale="0.8" :translate-x="516" :translate-y="522"></dian-liu-hu-gan-qi>
                             <bi-lei-qi color="rgb(255,255,0)" :scale="1" :translate-x="490" :translate-y="508"></bi-lei-qi>
                             <polyline points="480,634,480,674,520,674" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <g transform="translate(80,0)">
                                 <polyline points="514,634,514,594,464,594" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             </g>


                             <terminal-svg
                                 :state="Number(pageData['32-7'][2].state_val)"
                                 :stateDesc="pageData['32-7'][2].state_desc"
                                 :name="'-'+pageData['32-7'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="572"
                                 :translate-y="654"
                                 :text-translate-y="-4"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['32-7'][1].state_val)"
                                 :stateDesc="pageData['32-7'][1].state_desc"
                                 :name="'-'+pageData['32-7'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="490"
                                 :translate-y="614"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                             <connect-line
                                 :state="Number(pageData['32-7'][0].state_val)"
                                 :stateDesc="pageData['32-7'][0].state_desc"
                                 :scale="0.7"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="522"
                                 :translate-y="606"
                                 :text-translate-y="30"
                                 :text-translate-x="0"
                                 :name="'-'+pageData['32-7'][0].state_desc.split('-')[1]"></connect-line>
                         </g>
                     </g>
<!--主变部分-->
                     <g>
                         <!--                     #1主变-->
                         <g>
                             <polyline points="1915,380,1915,450,1650,450,1650,630" style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <zhanyongbian
                                 color="rgb(128,0,128)"
                                 color_1="rgb(255,255,0)"
                                 :rotate="-90"
                                 :zyb-style="3"
                                 :scale="1.8"
                                 :translate-y="1900"
                                 :translate-x="35"
                             ></zhanyongbian>
                             <g transform="translate(1360,580)">
                                 <num-screen
                                     name="#1主变"
                                     :ft-code="'1zb'"
                                     dir="none"
                                     :text-width="70"
                                     :num-tran-y="-30"
                                     :num-tran-x="0"
                                 ></num-screen>
                             </g>
                             <text x="1500" y="590" fill="#FFFFFF" font-size="20">档位: {{ this.pageData['1zb'][1].state_val }}</text>
                             <polyline points="1658,638,1658,620,1698,620" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <line x1="1678" y1="620" x2="1678" y2="590" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></line>
                             <dian-kang-qi
                                 :scale="0.5"
                                 :translate-x="1527"
                                 :translate-y="426"
                                 :swidth="4"
                                 :rotate="90"
                             ></dian-kang-qi>
                             <terminal-svg
                                 :state="Number(pageData['1zb'][0].state_val)"
                                 :stateDesc="pageData['1zb'][0].state_desc"
                                 :name="pageData['1zb'][0].state_desc"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1750"
                                 :translate-y="600"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                             <polyline points="1580,650,1490,650,1490,710,3400,710" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                         </g>
                         <!--                     #2主变-->
                         <g transform="translate(500,0)">
                             <polyline points="1700,648,1800,648,1800,1180" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                             <polyline points="1614,380,1614,450,1650,450,1650,630" style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <polyline points="450,784,800,784,800,540,1480,540,1480,650,1580,650" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <zhanyongbian
                                 color="rgb(128,0,128)"
                                 color_1="rgb(255,255,0)"
                                 :rotate="-90"
                                 :zyb-style="3"
                                 :scale="1.8"
                                 :translate-y="1900"
                                 :translate-x="35"
                             ></zhanyongbian>
                             <text x="1500" y="620" fill="#FFFFFF" font-size="20">#2主变</text>
                             <text x="1500" y="590" fill="#FFFFFF" font-size="20">档位: {{ this.pageData['2zb'][1].state_val }}</text>
                             <polyline points="1658,638,1658,620,1698,620" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <line x1="1678" y1="620" x2="1678" y2="590" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></line>
                             <dian-kang-qi
                                 :scale="0.5"
                                 :translate-x="1527"
                                 :translate-y="426"
                                 :swidth="4"
                                 :rotate="90"
                             ></dian-kang-qi>
                             <terminal-svg
                                 :state="Number(pageData['2zb'][0].state_val)"
                                 :stateDesc="pageData['2zb'][0].state_desc"
                                 :name="pageData['2zb'][0].state_desc"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1750"
                                 :translate-y="600"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                         </g>
                         <!--                     #3主变-->
                         <g transform="translate(995,0)">
                             <polyline points="1720,380,1720,550,1650,550,1650,630" style="fill: none;stroke: rgb(128,0,128);stroke-width: 2"></polyline>
                             <polyline points="1700,648,1770,648,1770,1050" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                             <polyline points="-50,1484,350,1484,350,740,1480,740,1480,650,1580,650" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <zhanyongbian
                                 color="rgb(128,0,128)"
                                 color_1="rgb(255,255,0)"
                                 :rotate="-90"
                                 :zyb-style="3"
                                 :scale="1.8"
                                 :translate-y="1900"
                                 :translate-x="35"
                             ></zhanyongbian>
                             <text x="1500" y="620" fill="#FFFFFF" font-size="20">#3主变</text>
                             <text x="1500" y="590" fill="#FFFFFF" font-size="20">档位: {{ this.pageData['3zb'][1].state_val }}</text>
                             <polyline points="1658,638,1658,620,1698,620" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></polyline>
                             <line x1="1678" y1="620" x2="1678" y2="590" style="fill: none;stroke: rgb(255,255,0);stroke-width: 2"></line>
                             <dian-kang-qi
                                 :scale="0.5"
                                 :translate-x="1527"
                                 :translate-y="426"
                                 :swidth="4"
                                 :rotate="90"
                             ></dian-kang-qi>
                             <terminal-svg
                                 :state="Number(pageData['3zb'][0].state_val)"
                                 :stateDesc="pageData['3zb'][0].state_desc"
                                 :name="pageData['3zb'][0].state_desc"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1750"
                                 :translate-y="600"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="90"
                             ></terminal-svg>
                         </g>
                     </g>
<!--                     500Kv-->
                     <g>
<!--                         1母-->
                         <g>
                             <g transform="translate(1062,180)">
                                 <g transform="translate(-110,90)">
                                     <text x="580" y="530" fill="#FFFFFF" font-size="20px">f(Hz)</text>
                                     <text x="670" y="530" fill="#FFFFFF" font-size="20px">{{Number(pageData['500kV I母'][0].state_val).toFixed(2)}}</text>
                                     <text x="580" y="560" fill="#FFFFFF" font-size="20px">Uab(kV)</text>
                                     <text x="670" y="560" fill="#FFFFFF" font-size="20px">{{Number(pageData['500kV I母'][1].state_val).toFixed(2)}}</text>
                                     <text x="580" y="590" fill="#FFFFFF" font-size="20px">500kV#1母线</text>
                                 </g>

                                 <line x1="620" y1="600" x2="620" y2="2000" stroke="rgb(250,0,0)" stroke-width="5"></line>
                             </g>
                             <dian-liu-hu-gan-qi :rotate="180" :translate-x="1840" :translate-y="1200" :scale="1.2"></dian-liu-hu-gan-qi>
                             <line x1="1650" y1="980" x2="1680" y2="980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></line>
                             <terminal-svg
                                 :state="Number(pageData['51'][0].state_val)"
                                 :stateDesc="pageData['51'][0].state_desc"
                                 :name="pageData['51'][0].state_desc"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1598"
                                 :translate-y="1000"
                                 :text-translate-y="6"
                                 :text-translate-x="0"
                                 :rotate="-90"
                             ></terminal-svg>
                            <g transform="translate(0,1180)">
                                <line x1="1650" y1="980" x2="1680" y2="980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></line>
                                <terminal-svg
                                    :state="Number(pageData['51'][1].state_val)"
                                    :stateDesc="pageData['51'][1].state_desc"
                                    :name="pageData['51'][1].state_desc"
                                    :isMainPage="true"
                                    :scale=0.8
                                    :translate-x="1598"
                                    :translate-y="1000"
                                    :text-translate-y="6"
                                    :text-translate-x="0"
                                    :rotate="-90"
                                ></terminal-svg>
                            </g>
                             <circle r="4" cx="1682" cy="830" stroke="rgb(250,0,0)" stroke-width="5" fill="rgb(250,0,0)"></circle>
                             <polyline points="1700,648,1900,648,1900,830,1770,830" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                             <polyline points="1800,830,1800,790,1770,790" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                             <line x1="1900" y1="790" x2="1850" y2="790" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></line>
                             <line x1="1680" y1="830" x2="1740" y2="830" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></line>
                             <terminal-svg
                                 :state="Number(pageData['5001'][2].state_val)"
                                 :stateDesc="pageData['5001'][2].state_desc"
                                 :name="'-'+pageData['5001'][2].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1798"
                                 :translate-y="810"
                                 :text-translate-y="-10"
                                 :text-translate-x="55"
                                 :rotate="-90"
                             ></terminal-svg>
                             <terminal-svg
                                 :state="Number(pageData['5001'][1].state_val)"
                                 :stateDesc="pageData['5001'][1].state_desc"
                                 :name="'-'+pageData['5001'][1].state_desc.split('-')[1]"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="1717"
                                 :translate-y="810"
                                 :text-translate-y="-10"
                                 :text-translate-x="55"
                                 :rotate="-90"
                             ></terminal-svg>
                             <rect-svg
                                 :state="Number(pageData[5001][0].state_val)"
                                 :stateDesc="pageData[5001][0].state_desc"
                                 :rotate="0"
                                 :translate-y="798"
                                 :translate-x="1820"
                                 :text-translate-x="-3"
                                 :text-translate-y="40"
                                 :scale="0.8"
                                 :isMainPage="true"
                                 :itemObj="{is_clear:pageData[5001][0].is_clear}"
                                 :name="pageData[5001][0].state_desc"
                             ></rect-svg>
                             <connect-line
                                 :state="Number(pageData['5001'][3].state_val)"
                                 :stateDesc="pageData['5001'][3].state_desc"
                                 :scale="0.6"
                                 :isMainPage="true"
                                 :rotate="0"
                                 :translate-x="1742"
                                 :translate-y="806"
                                 :text-translate-y="30"
                                 :text-translate-x="2"
                                 :name="'-'+pageData['5001'][3].state_desc.split('-')[1]"></connect-line>
                         </g>
<!--                         2母-->
                         <g >
                             <g transform="translate(2696,180)">
                                 <g transform="translate(-20,90)">
                                     <text x="580" y="530" fill="#FFFFFF" font-size="20px">f(Hz)</text>
                                     <text x="670" y="530" fill="#FFFFFF" font-size="20px">{{Number(pageData['500kV II母'][0].state_val).toFixed(2)}}</text>
                                     <text x="580" y="560" fill="#FFFFFF" font-size="20px">Uab(kV)</text>
                                     <text x="670" y="560" fill="#FFFFFF" font-size="20px">{{Number(pageData['500kV II母'][1].state_val).toFixed(2)}}</text>
                                     <text x="580" y="590" fill="#FFFFFF" font-size="20px">500kV#2母线</text>
                                 </g>

                                 <line x1="620" y1="700" x2="620" y2="2000" stroke="rgb(250,0,0)" stroke-width="5"></line>
                             </g>
                             <line x1="3318" y1="900" x2="3358" y2="900" stroke="rgb(250,0,0)" stroke-width="2"></line>
                             <line x1="3318" y1="950" x2="3358" y2="950" stroke="rgb(250,0,0)" stroke-width="2"></line>
                             <dian-liu-hu-gan-qi :rotate="0" :translate-x="3202" :translate-y="782" :scale="1.2"></dian-liu-hu-gan-qi>
                             <terminal-svg
                                 :state="Number(pageData['52'][0].state_val)"
                                 :stateDesc="pageData['52'][0].state_desc"
                                 :name="pageData['52'][0].state_desc"
                                 :isMainPage="true"
                                 :scale=0.8
                                 :translate-x="3410"
                                 :translate-y="880"
                                 :text-translate-y="-6"
                                 :text-translate-x="6"
                                 :rotate="90"
                             ></terminal-svg>
                            <g transform="translate(0,1260)">
                                <line x1="3318" y1="900" x2="3358" y2="900" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                <terminal-svg
                                    :state="Number(pageData['52'][1].state_val)"
                                    :stateDesc="pageData['52'][1].state_desc"
                                    :name="pageData['52'][1].state_desc"
                                    :isMainPage="true"
                                    :scale=0.8
                                    :translate-x="3410"
                                    :translate-y="880"
                                    :text-translate-y="-6"
                                    :text-translate-x="6"
                                    :rotate="90"
                                ></terminal-svg>
                            </g>

                         </g>
<!--                         5011-5013-->
                         <g>
<!--                             5011-->
                             <g transform="translate(0,50)">
                                 <g transform="translate(1320,870)">
                                     <num-screen
                                         name="北集I线"
                                         :ft-code="'500#1'"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['5011'][8].state_val)"
                                         :P="Number(this.pageData['5011'][6].state_val)"
                                         :Q="Number(this.pageData['5011'][7].state_val)"
                                         :num-tran-y="-30"
                                         :num-tran-x="0"
                                     ></num-screen>
                                 </g>
                                 <bi-lei-qi :rotate="-90" :translate-x="1490" :translate-y="1055" :scale="1.2"></bi-lei-qi>
                                 <dian-liu-hu-gan-qi :rotate="-90" :translate-x="1490" :translate-y="1043" :scale="1.1"></dian-liu-hu-gan-qi>
                                 <polyline points="1580,900,2180,900,2180,1000" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polygon points="1580,895,1580,905,1570,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1966" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="2100,1000,2100,940,2075,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5011'][2].state_val)"
                                     :stateDesc="pageData['5011'][2].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5011'][2].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5011'][1].state_val)"
                                     :stateDesc="pageData['5011'][1].state_desc"
                                     :name="'-'+pageData['5011'][1].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5011'][3].state_val)"
                                     :stateDesc="pageData['5011'][3].state_desc"
                                     :name="'-'+pageData['5011'][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1990"
                                     :translate-y="920"
                                     :text-translate-y="-22"
                                     :text-translate-x="-35"
                                     :rotate="90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5011'][5].state_val)"
                                     :stateDesc="pageData['5011'][5].state_desc"
                                     :name="'-'+pageData['5011'][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="2020"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <connect-line
                                     :state="Number(pageData['5011'][4].state_val)"
                                     :stateDesc="pageData['5011'][4].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1940"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5011'][4].state_desc.split('-')[1]"></connect-line>
                                 <rect-svg
                                     :state="Number(pageData[5011][0].state_val)"
                                     :stateDesc="pageData[5011][0].state_desc"
                                     :rotate="0"
                                     :translate-y="968"
                                     :translate-x="1858"
                                     :text-translate-x="-3"
                                     :text-translate-y="-10"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[5011][0].is_clear}"
                                     :name="pageData[5011][0].state_desc"
                                 ></rect-svg>
                             </g>
<!--                             5012-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(2300,770)">
                                         <num-screen
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5012'][7].state_val)"
                                             :P="Number(this.pageData['5012'][5].state_val)"
                                             :Q="Number(this.pageData['5012'][6].state_val)"
                                             :num-tran-y="-30"
                                             :num-tran-x="0"
                                             :has-screen="false"
                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <connect-line
                                             :state="Number(pageData['5012'][1].state_val)"
                                             :stateDesc="pageData['5012'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5012'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5012][0].state_val)"
                                             :stateDesc="pageData[5012][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5012][0].is_clear}"
                                             :name="pageData[5012][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5012'][3].state_val)"
                                             :stateDesc="pageData['5012'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5012'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5012'][2].state_val)"
                                             :stateDesc="pageData['5012'][2].state_desc"
                                             :name="'-'+pageData['5012'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5012'][4].state_val)"
                                             :stateDesc="pageData['5012'][4].state_desc"
                                             :name="'-'+pageData['5012'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
<!--                             5013-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2300,770)">
                                         <num-screen
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5013'][8].state_val)"
                                             :P="Number(this.pageData['5013'][6].state_val)"
                                             :Q="Number(this.pageData['5013'][7].state_val)"
                                             :num-tran-y="-30"
                                             :num-tran-x="0"
                                             :has-screen="false"
                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5013'][1].state_val)"
                                             :stateDesc="pageData['5013'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5013'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5013][0].state_val)"
                                             :stateDesc="pageData[5013][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5013][0].is_clear}"
                                             :name="pageData[5013][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5013'][3].state_val)"
                                             :stateDesc="pageData['5013'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5013'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5013'][2].state_val)"
                                             :stateDesc="pageData['5013'][2].state_desc"
                                             :name="'-'+pageData['5013'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5013'][4].state_val)"
                                             :stateDesc="pageData['5013'][4].state_desc"
                                             :name="'-'+pageData['5013'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5013'][5].state_val)"
                                             :stateDesc="pageData['5013'][5].state_desc"
                                             :name="'-'+pageData['5013'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5021-5023-->
                         <g transform="translate(0,130)">
                             <!--                             5021-->
                             <g transform="translate(0,50)">

                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1966" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="2100,1000,2100,940,2075,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5021'][1].state_val)"
                                     :stateDesc="pageData['5021'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5021'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5021'][2].state_val)"
                                     :stateDesc="pageData['5021'][2].state_desc"
                                     :name="'-'+pageData['5021'][2].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5021'][4].state_val)"
                                     :stateDesc="pageData['5021'][4].state_desc"
                                     :name="'-'+pageData['5021'][4].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1990"
                                     :translate-y="920"
                                     :text-translate-y="-22"
                                     :text-translate-x="-35"
                                     :rotate="90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5021'][8].state_val)"
                                     :stateDesc="pageData['5021'][8].state_desc"
                                     :name="'-'+pageData['5021'][8].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="2020"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <connect-line
                                     :state="Number(pageData['5021'][3].state_val)"
                                     :stateDesc="pageData['5021'][3].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1940"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5021'][3].state_desc.split('-')[1]"></connect-line>
                                 <rect-svg
                                     :state="Number(pageData[5021][0].state_val)"
                                     :stateDesc="pageData[5021][0].state_desc"
                                     :rotate="0"
                                     :translate-y="968"
                                     :translate-x="1858"
                                     :text-translate-x="-3"
                                     :text-translate-y="-10"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[5021][0].is_clear}"
                                     :name="pageData[5021][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <!--                             5022-->
                             <g transform="translate(0,50)">
                                 <g>

                                     <g transform="translate(618,0)">
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <connect-line
                                             :state="Number(pageData['5022'][1].state_val)"
                                             :stateDesc="pageData['5022'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5022'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5022][0].state_val)"
                                             :stateDesc="pageData[5022][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5022][0].is_clear}"
                                             :name="pageData[5022][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5022'][3].state_val)"
                                             :stateDesc="pageData['5022'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5022'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5022'][2].state_val)"
                                             :stateDesc="pageData['5022'][2].state_desc"
                                             :name="'-'+pageData['5022'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5022'][4].state_val)"
                                             :stateDesc="pageData['5022'][4].state_desc"
                                             :name="'-'+pageData['5022'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5023-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5023'][1].state_val)"
                                             :stateDesc="pageData['5023'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5023'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5023][0].state_val)"
                                             :stateDesc="pageData[5023][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5023][0].is_clear}"
                                             :name="pageData[5023][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5023'][3].state_val)"
                                             :stateDesc="pageData['5023'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5023'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5023'][2].state_val)"
                                             :stateDesc="pageData['5023'][2].state_desc"
                                             :name="'-'+pageData['5023'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5023'][4].state_val)"
                                             :stateDesc="pageData['5023'][4].state_desc"
                                             :name="'-'+pageData['5023'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5023'][5].state_val)"
                                             :stateDesc="pageData['5023'][5].state_desc"
                                             :name="'-'+pageData['5023'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5031-5033-->
                         <g transform="translate(0,260)">
                             <!--                             5031-->
                             <g transform="translate(0,50)">
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>

                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5031'][0].state_val)"
                                     :stateDesc="pageData['5031'][0].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="-12"
                                     :name="pageData['5031'][0].state_desc"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5031'][1].state_val)"
                                     :stateDesc="pageData['5031'][1].state_desc"
                                     :name="pageData['5031'][1].state_desc"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="45"
                                     :rotate="-90"
                                 ></terminal-svg>

                             </g>
                             <!--                             5032-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1780" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1868" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <rect-svg
                                             :state="Number(pageData[5032][0].state_val)"
                                             :stateDesc="pageData[5032][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5032][0].is_clear}"
                                             :name="pageData[5032][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5032'][1].state_val)"
                                             :stateDesc="pageData['5032'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5032'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5032'][2].state_val)"
                                             :stateDesc="pageData['5032'][2].state_desc"
                                             :name="'-'+pageData['5032'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5033-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2700,870)">
                                         <num-screen
                                             name="桂北I线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5033'][8].state_val)"
                                             :P="Number(this.pageData['5033'][6].state_val)"
                                             :Q="Number(this.pageData['5033'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>
                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5033'][1].state_val)"
                                             :stateDesc="pageData['5033'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5033'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5033][0].state_val)"
                                             :stateDesc="pageData[5033][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5033][0].is_clear}"
                                             :name="pageData[5033][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5033'][3].state_val)"
                                             :stateDesc="pageData['5033'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5033'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5033'][2].state_val)"
                                             :stateDesc="pageData['5033'][2].state_desc"
                                             :name="'-'+pageData['5033'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5033'][4].state_val)"
                                             :stateDesc="pageData['5033'][4].state_desc"
                                             :name="'-'+pageData['5033'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5033'][5].state_val)"
                                             :stateDesc="pageData['5033'][5].state_desc"
                                             :name="'-'+pageData['5033'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5041-5043-->
                         <g transform="translate(0,390)">
                             <!--                             5041-->
                             <g transform="translate(0,50)">
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>

                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5041'][0].state_val)"
                                     :stateDesc="pageData['5041'][0].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="-12"
                                     :name="pageData['5041'][0].state_desc"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5041'][1].state_val)"
                                     :stateDesc="pageData['5041'][1].state_desc"
                                     :name="pageData['5041'][1].state_desc"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="45"
                                     :rotate="-90"
                                 ></terminal-svg>

                             </g>
                             <!--                             5042-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1780" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1868" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <rect-svg
                                             :state="Number(pageData[5042][0].state_val)"
                                             :stateDesc="pageData[5042][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5042][0].is_clear}"
                                             :name="pageData[5042][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5042'][1].state_val)"
                                             :stateDesc="pageData['5042'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5042'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5042'][2].state_val)"
                                             :stateDesc="pageData['5042'][2].state_desc"
                                             :name="'-'+pageData['5042'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5043-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2700,870)">
                                         <num-screen
                                             name="桂北Ⅱ线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5043'][8].state_val)"
                                             :P="Number(this.pageData['5043'][6].state_val)"
                                             :Q="Number(this.pageData['5043'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>
                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5043'][1].state_val)"
                                             :stateDesc="pageData['5043'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5043'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5043][0].state_val)"
                                             :stateDesc="pageData[5043][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5043][0].is_clear}"
                                             :name="pageData[5043][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5043'][3].state_val)"
                                             :stateDesc="pageData['5043'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5043'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5043'][2].state_val)"
                                             :stateDesc="pageData['5043'][2].state_desc"
                                             :name="'-'+pageData['5043'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5043'][4].state_val)"
                                             :stateDesc="pageData['5043'][4].state_desc"
                                             :name="'-'+pageData['5043'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5043'][5].state_val)"
                                             :stateDesc="pageData['5043'][5].state_desc"
                                             :name="'-'+pageData['5043'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5051-5053-->
                         <g transform="translate(0,520)">
                             <!--                             5051-->
                             <g transform="translate(0,50)">
                                 <g transform="translate(1320,870)">
                                     <num-screen
                                         name="北集Ⅱ线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['5051'][8].state_val)"
                                         :P="Number(this.pageData['5051'][6].state_val)"
                                         :Q="Number(this.pageData['5051'][7].state_val)"
                                         :num-tran-y="-30"
                                         :num-tran-x="0"
                                     ></num-screen>
                                 </g>
                                 <bi-lei-qi :rotate="-90" :translate-x="1490" :translate-y="1055" :scale="1.2"></bi-lei-qi>
                                 <dian-liu-hu-gan-qi :rotate="-90" :translate-x="1490" :translate-y="1043" :scale="1.1"></dian-liu-hu-gan-qi>
                                 <polyline points="1580,900,2180,900,2180,1000" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polygon points="1580,895,1580,905,1570,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1966" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="2100,1000,2100,940,2075,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5051'][1].state_val)"
                                     :stateDesc="pageData['5051'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5051'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5051'][2].state_val)"
                                     :stateDesc="pageData['5051'][2].state_desc"
                                     :name="'-'+pageData['5051'][2].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5051'][3].state_val)"
                                     :stateDesc="pageData['5051'][3].state_desc"
                                     :name="'-'+pageData['5051'][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1990"
                                     :translate-y="920"
                                     :text-translate-y="-22"
                                     :text-translate-x="-35"
                                     :rotate="90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5051'][5].state_val)"
                                     :stateDesc="pageData['5051'][5].state_desc"
                                     :name="'-'+pageData['5051'][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="2020"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <connect-line
                                     :state="Number(pageData['5051'][4].state_val)"
                                     :stateDesc="pageData['5051'][4].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1940"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5051'][4].state_desc.split('-')[1]"></connect-line>
                                 <rect-svg
                                     :state="Number(pageData[5051][0].state_val)"
                                     :stateDesc="pageData[5051][0].state_desc"
                                     :rotate="0"
                                     :translate-y="968"
                                     :translate-x="1858"
                                     :text-translate-x="-3"
                                     :text-translate-y="-10"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[5051][0].is_clear}"
                                     :name="pageData[5051][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <!--                             5052-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <connect-line
                                             :state="Number(pageData['5052'][3].state_val)"
                                             :stateDesc="pageData['5052'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5052'][3].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5052][0].state_val)"
                                             :stateDesc="pageData[5052][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5052][0].is_clear}"
                                             :name="pageData[5052][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5052'][1].state_val)"
                                             :stateDesc="pageData['5052'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5052'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5052'][4].state_val)"
                                             :stateDesc="pageData['5052'][4].state_desc"
                                             :name="'-'+pageData['5052'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5052'][2].state_val)"
                                             :stateDesc="pageData['5052'][2].state_desc"
                                             :name="'-'+pageData['5052'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5053-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2820,910)">
                                         <num-screen
                                             name="忻石Ⅲ线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5053'][8].state_val)"
                                             :P="Number(this.pageData['5053'][6].state_val)"
                                             :Q="Number(this.pageData['5053'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>

                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                        <g>
                                            <g transform="translate(2092,315)rotate(180,230,629)">
                                                <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                            </g>
                                            <dian-kang-qi :onlyCircle="true" :translate-x="2130" :translate-y="749" :scale="1" :rotate="-90"></dian-kang-qi>
                                            <polyline points="2110,900,2110,940,2140,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                            <connect-line
                                                :state="Number(pageData['5053Dk'][0].state_val)"
                                                :stateDesc="pageData['5053Dk'][0].state_desc"
                                                :scale="0.6"
                                                :isMainPage="true"
                                                :rotate="0"
                                                :translate-x="2142"
                                                :translate-y="916"
                                                :text-translate-y="-10"
                                                :text-translate-x="-12"
                                                :name="pageData['5053Dk'][0].state_desc"></connect-line>
                                            <line x1="2170" y1="940" x2="2230" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                            <polyline points="2200,940,2200,980,2170,980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                            <terminal-svg
                                                :state="Number(pageData['5053Dk'][1].state_val)"
                                                :stateDesc="pageData['5053Dk'][1].state_desc"
                                                :name="pageData['5053Dk'][1].state_desc"
                                                :isMainPage="true"
                                                :scale=0.8
                                                :translate-x="2116"
                                                :translate-y="1000"
                                                :text-translate-y="-10"
                                                :text-translate-x="30"
                                                :rotate="-90"
                                            ></terminal-svg>
                                            <line x1="2270" y1="940" x2="2300" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                        </g>

                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5053'][1].state_val)"
                                             :stateDesc="pageData['5053'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5053'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5053][0].state_val)"
                                             :stateDesc="pageData[5053][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5053][0].is_clear}"
                                             :name="pageData[5053][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5053'][3].state_val)"
                                             :stateDesc="pageData['5053'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5053'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5053'][2].state_val)"
                                             :stateDesc="pageData['5053'][2].state_desc"
                                             :name="'-'+pageData['5053'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5053'][4].state_val)"
                                             :stateDesc="pageData['5053'][4].state_desc"
                                             :name="'-'+pageData['5053'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5053'][5].state_val)"
                                             :stateDesc="pageData['5053'][5].state_desc"
                                             :name="'-'+pageData['5053'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5061-5063-->
                         <g transform="translate(0,700)">
                             <!--                             5061-->
                             <g transform="translate(0,50)">
                                 <g transform="translate(1320,870)">
                                     <num-screen
                                         name="北清Ⅰ线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['5061'][8].state_val)"
                                         :P="Number(this.pageData['5061'][6].state_val)"
                                         :Q="Number(this.pageData['5061'][7].state_val)"
                                         :num-tran-y="-30"
                                         :num-tran-x="0"
                                     ></num-screen>
                                 </g>
                                 <bi-lei-qi :rotate="-90" :translate-x="1490" :translate-y="1055" :scale="1.2"></bi-lei-qi>
                                 <dian-liu-hu-gan-qi :rotate="-90" :translate-x="1490" :translate-y="1043" :scale="1.1"></dian-liu-hu-gan-qi>
                                 <polyline points="1580,900,2180,900,2180,1000" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polygon points="1580,895,1580,905,1570,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1966" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="2100,1000,2100,940,2075,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5061'][1].state_val)"
                                     :stateDesc="pageData['5061'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5061'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5061'][2].state_val)"
                                     :stateDesc="pageData['5061'][2].state_desc"
                                     :name="'-'+pageData['5061'][2].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5061'][3].state_val)"
                                     :stateDesc="pageData['5061'][3].state_desc"
                                     :name="'-'+pageData['5061'][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1990"
                                     :translate-y="920"
                                     :text-translate-y="-22"
                                     :text-translate-x="-35"
                                     :rotate="90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5061'][5].state_val)"
                                     :stateDesc="pageData['5061'][5].state_desc"
                                     :name="'-'+pageData['5061'][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="2020"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <connect-line
                                     :state="Number(pageData['5061'][4].state_val)"
                                     :stateDesc="pageData['5061'][4].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1940"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5061'][4].state_desc.split('-')[1]"></connect-line>
                                 <rect-svg
                                     :state="Number(pageData[5061][0].state_val)"
                                     :stateDesc="pageData[5061][0].state_desc"
                                     :rotate="0"
                                     :translate-y="968"
                                     :translate-x="1858"
                                     :text-translate-x="-3"
                                     :text-translate-y="-10"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[5061][0].is_clear}"
                                     :name="pageData[5061][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <!--                             5062-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <connect-line
                                             :state="Number(pageData['5062'][3].state_val)"
                                             :stateDesc="pageData['5062'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5062'][3].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5062][0].state_val)"
                                             :stateDesc="pageData[5062][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5062][0].is_clear}"
                                             :name="pageData[5062][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5062'][1].state_val)"
                                             :stateDesc="pageData['5062'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5062'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5062'][4].state_val)"
                                             :stateDesc="pageData['5062'][4].state_desc"
                                             :name="'-'+pageData['5062'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5062'][2].state_val)"
                                             :stateDesc="pageData['5062'][2].state_desc"
                                             :name="'-'+pageData['5062'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5063-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2820,910)">
                                         <num-screen
                                             name="忻石Ⅱ线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5063'][8].state_val)"
                                             :P="Number(this.pageData['5063'][6].state_val)"
                                             :Q="Number(this.pageData['5063'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>

                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                         <g>
                                             <g transform="translate(2092,315)rotate(180,230,629)">
                                                 <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                             </g>
                                             <dian-kang-qi :onlyCircle="true" :translate-x="2130" :translate-y="749" :scale="1" :rotate="-90"></dian-kang-qi>
                                             <polyline points="2110,900,2110,940,2140,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <connect-line
                                                 :state="Number(pageData['5063Dk'][0].state_val)"
                                                 :stateDesc="pageData['5063Dk'][0].state_desc"
                                                 :scale="0.6"
                                                 :isMainPage="true"
                                                 :rotate="0"
                                                 :translate-x="2142"
                                                 :translate-y="916"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="-12"
                                                 :name="pageData['5063Dk'][0].state_desc"></connect-line>
                                             <line x1="2170" y1="940" x2="2230" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                             <polyline points="2200,940,2200,980,2170,980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <terminal-svg
                                                 :state="Number(pageData['5063Dk'][1].state_val)"
                                                 :stateDesc="pageData['5063Dk'][1].state_desc"
                                                 :name="pageData['5063Dk'][1].state_desc"
                                                 :isMainPage="true"
                                                 :scale=0.8
                                                 :translate-x="2116"
                                                 :translate-y="1000"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="30"
                                                 :rotate="-90"
                                             ></terminal-svg>
                                             <line x1="2270" y1="940" x2="2300" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         </g>

                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5063'][1].state_val)"
                                             :stateDesc="pageData['5063'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5063'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5063][0].state_val)"
                                             :stateDesc="pageData[5063][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5063][0].is_clear}"
                                             :name="pageData[5063][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5063'][3].state_val)"
                                             :stateDesc="pageData['5063'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5063'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5063'][2].state_val)"
                                             :stateDesc="pageData['5063'][2].state_desc"
                                             :name="'-'+pageData['5063'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5063'][4].state_val)"
                                             :stateDesc="pageData['5063'][4].state_desc"
                                             :name="'-'+pageData['5063'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5063'][5].state_val)"
                                             :stateDesc="pageData['5063'][5].state_desc"
                                             :name="'-'+pageData['5063'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5071-5073-->
                         <g transform="translate(0,880)">
                             <!--                             5071-->
                             <g transform="translate(0,50)">
                                 <g transform="translate(1320,870)">
                                     <num-screen
                                         name="北清Ⅱ线"
                                         dir="bottom"
                                         :text-width="70"
                                         :Ia="Number(this.pageData['5071'][8].state_val)"
                                         :P="Number(this.pageData['5071'][6].state_val)"
                                         :Q="Number(this.pageData['5071'][7].state_val)"
                                         :num-tran-y="-30"
                                         :num-tran-x="0"
                                     ></num-screen>
                                 </g>
                                 <bi-lei-qi :rotate="-90" :translate-x="1490" :translate-y="1055" :scale="1.2"></bi-lei-qi>
                                 <dian-liu-hu-gan-qi :rotate="-90" :translate-x="1490" :translate-y="1043" :scale="1.1"></dian-liu-hu-gan-qi>
                                 <polyline points="1580,900,2180,900,2180,1000" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polygon points="1580,895,1580,905,1570,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1966" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="2100,1000,2100,940,2075,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5071'][1].state_val)"
                                     :stateDesc="pageData['5071'][1].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5071'][1].state_desc.split('-')[1]"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5071'][2].state_val)"
                                     :stateDesc="pageData['5071'][2].state_desc"
                                     :name="'-'+pageData['5071'][2].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5071'][3].state_val)"
                                     :stateDesc="pageData['5071'][3].state_desc"
                                     :name="'-'+pageData['5071'][3].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1990"
                                     :translate-y="920"
                                     :text-translate-y="-22"
                                     :text-translate-x="-35"
                                     :rotate="90"
                                 ></terminal-svg>
                                 <terminal-svg
                                     :state="Number(pageData['5071'][5].state_val)"
                                     :stateDesc="pageData['5071'][5].state_desc"
                                     :name="'-'+pageData['5071'][5].state_desc.split('-')[1]"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="2020"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="55"
                                     :rotate="-90"
                                 ></terminal-svg>
                                 <connect-line
                                     :state="Number(pageData['5071'][4].state_val)"
                                     :stateDesc="pageData['5071'][4].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1940"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="2"
                                     :name="'-'+pageData['5071'][4].state_desc.split('-')[1]"></connect-line>
                                 <rect-svg
                                     :state="Number(pageData[5071][0].state_val)"
                                     :stateDesc="pageData[5071][0].state_desc"
                                     :rotate="0"
                                     :translate-y="968"
                                     :translate-x="1858"
                                     :text-translate-x="-3"
                                     :text-translate-y="-10"
                                     :scale="0.8"
                                     :isMainPage="true"
                                     :itemObj="{is_clear:pageData[5071][0].is_clear}"
                                     :name="pageData[5071][0].state_desc"
                                 ></rect-svg>
                             </g>
                             <!--                             5072-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <connect-line
                                             :state="Number(pageData['5072'][3].state_val)"
                                             :stateDesc="pageData['5072'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5072'][3].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5072][0].state_val)"
                                             :stateDesc="pageData[5072][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5072][0].is_clear}"
                                             :name="pageData[5072][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5072'][1].state_val)"
                                             :stateDesc="pageData['5072'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5072'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5072'][4].state_val)"
                                             :stateDesc="pageData['5072'][4].state_desc"
                                             :name="'-'+pageData['5072'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5072'][2].state_val)"
                                             :stateDesc="pageData['5072'][2].state_desc"
                                             :name="'-'+pageData['5072'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5073-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2820,910)">
                                         <num-screen
                                             name="忻石Ⅰ线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5073'][8].state_val)"
                                             :P="Number(this.pageData['5073'][6].state_val)"
                                             :Q="Number(this.pageData['5073'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>

                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                         <g>
                                             <g transform="translate(2092,315)rotate(180,230,629)">
                                                 <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                             </g>
                                             <dian-kang-qi :onlyCircle="true" :translate-x="2130" :translate-y="749" :scale="1" :rotate="-90"></dian-kang-qi>
                                             <polyline points="2110,900,2110,940,2140,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <connect-line
                                                 :state="Number(pageData['5073Dk'][0].state_val)"
                                                 :stateDesc="pageData['5073Dk'][0].state_desc"
                                                 :scale="0.6"
                                                 :isMainPage="true"
                                                 :rotate="0"
                                                 :translate-x="2142"
                                                 :translate-y="916"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="-12"
                                                 :name="pageData['5073Dk'][0].state_desc"></connect-line>
                                             <line x1="2170" y1="940" x2="2230" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                             <polyline points="2200,940,2200,980,2170,980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <terminal-svg
                                                 :state="Number(pageData['5073Dk'][1].state_val)"
                                                 :stateDesc="pageData['5073Dk'][1].state_desc"
                                                 :name="pageData['5073Dk'][1].state_desc"
                                                 :isMainPage="true"
                                                 :scale=0.8
                                                 :translate-x="2116"
                                                 :translate-y="1000"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="30"
                                                 :rotate="-90"
                                             ></terminal-svg>
                                             <line x1="2270" y1="940" x2="2300" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         </g>

                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5073'][1].state_val)"
                                             :stateDesc="pageData['5073'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5073'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5073][0].state_val)"
                                             :stateDesc="pageData[5073][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5073][0].is_clear}"
                                             :name="pageData[5073][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5073'][3].state_val)"
                                             :stateDesc="pageData['5073'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5073'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5073'][2].state_val)"
                                             :stateDesc="pageData['5073'][2].state_desc"
                                             :name="'-'+pageData['5073'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5073'][4].state_val)"
                                             :stateDesc="pageData['5073'][4].state_desc"
                                             :name="'-'+pageData['5073'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5073'][5].state_val)"
                                             :stateDesc="pageData['5073'][5].state_desc"
                                             :name="'-'+pageData['5073'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
<!--                         5081-5083-->
                         <g transform="translate(0,1060)">
                             <!--                             5081-->
                             <g transform="translate(0,50)">
                                 <line x1="1680" y1="1000" x2="1780" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <line x1="1810" y1="1000" x2="2400" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                 <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>

                                 <circle r="5" cx="1682" cy="1000" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                 <connect-line
                                     :state="Number(pageData['5081'][0].state_val)"
                                     :stateDesc="pageData['5081'][0].state_desc"
                                     :scale="0.6"
                                     :isMainPage="true"
                                     :rotate="0"
                                     :translate-x="1784"
                                     :translate-y="976"
                                     :text-translate-y="-10"
                                     :text-translate-x="-12"
                                     :name="pageData['5081'][0].state_desc"></connect-line>
                                 <terminal-svg
                                     :state="Number(pageData['5081'][1].state_val)"
                                     :stateDesc="pageData['5081'][1].state_desc"
                                     :name="pageData['5081'][1].state_desc"
                                     :isMainPage="true"
                                     :scale=0.8
                                     :translate-x="1756"
                                     :translate-y="960"
                                     :text-translate-y="-10"
                                     :text-translate-x="45"
                                     :rotate="-90"
                                 ></terminal-svg>

                             </g>
                             <!--                             5082-->
                             <g transform="translate(0,50)">
                                 <g>
                                     <g transform="translate(618,0)">
                                         <line x1="1780" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1868" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <rect-svg
                                             :state="Number(pageData[5082][0].state_val)"
                                             :stateDesc="pageData[5082][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5082][0].is_clear}"
                                             :name="pageData[5082][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5082'][1].state_val)"
                                             :stateDesc="pageData['5082'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5082'][1].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5082'][2].state_val)"
                                             :stateDesc="pageData['5082'][2].state_desc"
                                             :name="'-'+pageData['5082'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                             <!--                             5083-->
                             <g transform="translate(600,50)">
                                 <g>
                                     <g transform="translate(2820,910)">
                                         <num-screen
                                             name="忻石Ⅳ线"
                                             :text-width="70"
                                             :Ia="Number(this.pageData['5083'][8].state_val)"
                                             :P="Number(this.pageData['5083'][6].state_val)"
                                             :Q="Number(this.pageData['5083'][7].state_val)"
                                             :num-tran-y="0"
                                             :num-tran-x="100"

                                         ></num-screen>
                                     </g>
                                     <g transform="translate(618,0)">
                                         <bi-lei-qi :translate-x="2000" :translate-y="1070" :scale="1.3" :rotate="-90"></bi-lei-qi>
                                         <dian-liu-hu-gan-qi :translate-x="1990" :translate-y="1070" :scale="1.3" :rotate="-90"></dian-liu-hu-gan-qi>

                                         <polyline points="1500,1000,1500,900,2200,900" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polygon points="2200,895,2200,905,2210,900" style="fill: rgb(250,0,0);stroke: rgb(250,0,0);stroke-width: 2"></polygon>
                                         <g>
                                             <g transform="translate(2092,315)rotate(180,230,629)">
                                                 <line x1="250" y1="649" x2="250" y2="619" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="240" y1="644" x2="240" y2="624" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                                 <line x1="230" y1="639" x2="230" y2="629" stroke="rgb(255,255,255)" stroke-width="4"></line>
                                             </g>
                                             <dian-kang-qi :onlyCircle="true" :translate-x="2130" :translate-y="749" :scale="1" :rotate="-90"></dian-kang-qi>
                                             <polyline points="2110,900,2110,940,2140,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <connect-line
                                                 :state="Number(pageData['5083Dk'][0].state_val)"
                                                 :stateDesc="pageData['5083Dk'][0].state_desc"
                                                 :scale="0.6"
                                                 :isMainPage="true"
                                                 :rotate="0"
                                                 :translate-x="2142"
                                                 :translate-y="916"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="-12"
                                                 :name="pageData['5083Dk'][0].state_desc"></connect-line>
                                             <line x1="2170" y1="940" x2="2230" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                             <polyline points="2200,940,2200,980,2170,980" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                             <terminal-svg
                                                 :state="Number(pageData['5083Dk'][1].state_val)"
                                                 :stateDesc="pageData['5083Dk'][1].state_desc"
                                                 :name="pageData['5083Dk'][1].state_desc"
                                                 :isMainPage="true"
                                                 :scale=0.8
                                                 :translate-x="2116"
                                                 :translate-y="1000"
                                                 :text-translate-y="-10"
                                                 :text-translate-x="30"
                                                 :rotate="-90"
                                             ></terminal-svg>
                                             <line x1="2270" y1="940" x2="2300" y2="940" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         </g>

                                         <circle  cx="2098" cy="1000" r="5" stroke="rgb(250,0,0)" stroke-width="2" fill="rgb(250,0,0)"></circle>
                                         <line x1="1370" y1="1000" x2="1782" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1810" y1="1000" x2="1860" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1888" y1="1000" x2="1938" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <line x1="1968" y1="1000" x2="2100" y2="1000" stroke="rgb(250,0,0)" stroke-width="2"></line>
                                         <polyline points="1835,1000,1835,940,1810,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         <g transform="translate(-300,0)">
                                             <polyline points="1913,1000,1913,940,1938,940" style="fill: none;stroke: rgb(250,0,0);stroke-width: 2"></polyline>
                                         </g>

                                         <connect-line
                                             :state="Number(pageData['5083'][1].state_val)"
                                             :stateDesc="pageData['5083'][1].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1784"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5083'][1].state_desc.split('-')[1]"></connect-line>
                                         <rect-svg
                                             :state="Number(pageData[5083][0].state_val)"
                                             :stateDesc="pageData[5083][0].state_desc"
                                             :rotate="0"
                                             :translate-y="968"
                                             :translate-x="1858"
                                             :text-translate-x="-3"
                                             :text-translate-y="-10"
                                             :scale="0.8"
                                             :isMainPage="true"
                                             :itemObj="{is_clear:pageData[5083][0].is_clear}"
                                             :name="pageData[5083][0].state_desc"
                                         ></rect-svg>
                                         <connect-line
                                             :state="Number(pageData['5083'][3].state_val)"
                                             :stateDesc="pageData['5083'][3].state_desc"
                                             :scale="0.6"
                                             :isMainPage="true"
                                             :rotate="0"
                                             :translate-x="1942"
                                             :translate-y="976"
                                             :text-translate-y="-10"
                                             :text-translate-x="2"
                                             :name="'-'+pageData['5083'][3].state_desc.split('-')[1]"></connect-line>
                                         <terminal-svg
                                             :state="Number(pageData['5083'][2].state_val)"
                                             :stateDesc="pageData['5083'][2].state_desc"
                                             :name="'-'+pageData['5083'][2].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1756"
                                             :translate-y="960"
                                             :text-translate-y="-10"
                                             :text-translate-x="55"
                                             :rotate="-90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5083'][4].state_val)"
                                             :stateDesc="pageData['5083'][4].state_desc"
                                             :name="'-'+pageData['5083'][4].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1992"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                         <terminal-svg
                                             :state="Number(pageData['5083'][5].state_val)"
                                             :stateDesc="pageData['5083'][5].state_desc"
                                             :name="'-'+pageData['5083'][5].state_desc.split('-')[1]"
                                             :isMainPage="true"
                                             :scale=0.8
                                             :translate-x="1692"
                                             :translate-y="920"
                                             :text-translate-y="-20"
                                             :text-translate-x="-38"
                                             :rotate="90"
                                         ></terminal-svg>
                                     </g>

                                 </g>

                             </g>
                         </g>
                     </g>

                 </g>

             </svg>
            </div>
        </div>
        <el-dialog title="教案初始化" :visible.sync="newJiaoAnDialog" width="40rem" 	custom-class="switchPatrolDialog" :close-on-press-escape="true"
                   :close-on-click-modal="true" 	@close="closeJiaoAn">
            <el-form :model="form">
                <el-form-item label="教案名称" label-width="8rem">
                    <el-input v-model="form.name" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="工况文件" label-width="8rem">
                    <el-select v-model="form.region" placeholder="请选择工况文件">
                        <el-option  v-for="(item,index) in form.gKList" :key="index" :label=item.name :value=item.id></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="教案描述" label-width="8rem">
                    <el-input
                            type="textarea"
                            :rows="2"
                            placeholder="请输入内容"
                            v-model="form.desc">
                    </el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="newJiaoAn">教案入库</el-button>
                <el-button type="primary" @click="clearNewData">取消</el-button>
            </div>
        </el-dialog>
        <load-jiao-an :loadJiaoAn="loadJiaoAn" @DialogClose="closeJiaoAn"></load-jiao-an>
        <remove-jiao-an :removeJiaoAn="removeJiaoAn" @DialogClose="closeJiaoAn"></remove-jiao-an>
        <start-handle :startHandle="startHandle" @DialogClose="closeHandle" @showAddJiaoAn="showAddJiaoAn"></start-handle>
        <sys-gong-kuang :sysGongKuang="sysGongKuang" @DialogClose="closeJiaoAn"></sys-gong-kuang>
        <el-dialog ref="operateRecordDialogRef" custom-class="operateRecordDialog" :modal="false" :close-on-click-modal="false" v-if="operationRecordsDialogVisible" :visible.sync="operationRecordsDialogVisible" v-dialogDrag:{dialogDrag}="true" width="35%">
            <p slot="title" class="el-dialog__title">操作记录</p>
            <div class="messageAlarmList">
                <el-table :data="operationRecordsData" width="100%" height="250" >
                    <el-table-column prop="num" label="序号" width="85" header-align="center" align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.num}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="createTime" label="操作时间" width="160" header-align="center" align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.createTime}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="log_desc" label="操作描述" header-align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.log_desc}}</span>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </el-dialog>
    </div>
</template>
<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";
import MonitorHeader from "@/components/MonitorHeader/MonitorHeader.vue";
import SysGongKuang from "@/components/JA/sysGongKuang.vue";
import StartHandle from "@/components/JA/startHandle.vue";
import RemoveJiaoAn from "@/components/JA/removeJiaoAn.vue";
import LoadJiaoAn from "@/components/JA/loadJiaoAn.vue";
import { getOperateRecord, saveJAn, submitOperateRecord } from "@/api/api";
import { EventBus } from "@/tools/bus";
import NumScreen from "@/components/controls/numScreen.vue";
import BiLeiQi from "@/components/controls/biLeiQi.vue";
import XianQuan from "@/components/controls/xianquan.vue";
import { wsSend } from "@/tools/sendMessage";
import TerminalSvg from "@/components/controls/terminal-svg.vue";
import ConnectLine from "@/components/controls/connect-line.vue";
import RectSvg from "@/components/controls/rect-svg.vue";
import MainBus from "@/components/controls/mainBus.vue";
import DianLiuHuGanQi from "@/components/controls/dianLiuHuGanQi.vue";
import Jiedi from "@/components/controls/jiedi.vue";
import ShouCheSvg from "@/components/controls/shou-che-svg.vue";
import Zhanyongbian from "@/components/controls/zhanyongbian.vue";
import FourCircle from "@/components/controls/fourCircle.vue";
import DianKangQi from "@/components/controls/dianKangQi.vue";
import TwoCircle from "@/components/controls/twoCricle.vue";
import Dianrongqi from "@/components/controls/dianrongqi.vue";
import TwoTriangle from "@/components/controls/twoTriangle.vue";


export default {
    name: "mainPage",
    components: {
        TwoTriangle,
        Dianrongqi,
        TwoCircle,
        DianKangQi,
        FourCircle,
        Zhanyongbian,
        ShouCheSvg,
        Jiedi,
        DianLiuHuGanQi,
        MainBus,
        RectSvg,
        ConnectLine,
        TerminalSvg,
        XianQuan,
        BiLeiQi,
        NumScreen,
        LoadJiaoAn,
        RemoveJiaoAn,
        StartHandle,
        SysGongKuang,
        MonitorHeader,
        ScaleBox
    },
    data() {
        return {
            operationRecordsDialogVisible:false,
            operationRecordsData:[],
            jiaoAnValue: [],
            pageData:null,
            jiaoAnOptions_1:[],
            jiaoAnOptions: [{
                value: '生成教案',
                label: '生成教案',

            }, {
                value: '加载教案',
                label: '加载教案',
            },
                {
                    value: '删除教案',
                    label: '删除教案',
                },{
                    value: '录制教案',
                    label: '录制教案',
                    children: [{
                        value: '开始记录操作到教案完全记录',
                        label: '开始记录操作到教案完全记录'
                    }, {
                        value: '结束记录操作到教案完全结束',
                        label: '结束记录操作到教案完全结束'
                    },]
                }],
            form: {
                name: '',
                gKList: [],
                region:'',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: '',
            },
            gongkuangValue:[],
            newJiaoAnDialog: false,
            gongKuangOptions: [{
                value: '系统工况',
                label: '系统工况',
            }],
            loadJiaoAn:false,
            //删除教案
            removeJiaoAn:false,
            //
            startHandle:false,
            //工况
            sysGongKuang:false,
        }
    },
    watch: {
        watch: {
            newJiaoAnDialog(val) {
                if (val){
                    this.getGkList();
                }
            }
        }
    },
    created() {
        EventBus.$on('ws-connected', this.handleWSConnected)
        if (this.$store.state.ws && this.$store.state.ws.readyState === WebSocket.OPEN) {
            this.handleWSConnected()
        }
    },
    methods: {
        handleWSConnected() {
            if (this.$store.state.wsHandled) return
            this.$store.commit('setWsHandled',true)
            wsSend({ cmd: 'getMonitorMainPage' })
        },
        getOperateRecordList() {
            getOperateRecord({}).then(res => {
                if (res.data){
                    const data = JSON.parse(JSON.stringify(res.data.map(o => {
                        o.isHighlight = false;
                        return o;
                    })));
                    if (this.operationRecordsData.length && this.operationRecordsData.length !== data?.length) {
                        data[0].isHighlight = true;
                    }
                    this.operationRecordsData = data;
                }

            });
        },
        operationRecords() {
            this.operationRecordsDialogVisible = true
            this.operationRecordsData = [];
            this.getOperateRecordList();
            this.$nextTick(() => {
                this.$refs.operateRecordDialogRef.$el.style.pointerEvents = 'none';
            });
        },
        clearAll(){
            wsSend({ "cmd": "switchAllClear" })
            submitOperateRecord({ log_desc: '全站清闪' },false)
        },
        alertLog(){
            wsSend({ "cmd": "openAlertWindow" })
        },
        startDrag(e) {
            e.preventDefault();
            const el = this.$refs.page;
            this.isDragging = true;
            this.startX = e.clientX;
            this.startY = e.clientY;
            this.scrollLeft = el.scrollLeft;
            this.scrollTop = el.scrollTop;

            window.addEventListener("mousemove", this.onDrag);
            window.addEventListener("mouseup", this.stopDrag);
        },
        onDrag(e) {
            if (!this.isDragging) return;
            e.preventDefault();

            const dx = e.clientX - this.startX;
            const dy = e.clientY - this.startY;

            cancelAnimationFrame(this.dragAnimationFrame);

            this.dragAnimationFrame = requestAnimationFrame(() => {
                const el = this.$refs.page;
                if (!el) return;

                el.scrollLeft = this.scrollLeft - dx;
                el.scrollTop = this.scrollTop - dy;
            });
        },
        stopDrag() {
            this.isDragging = false;
            cancelAnimationFrame(this.dragAnimationFrame);
            window.removeEventListener("mousemove", this.onDrag);
            window.removeEventListener("mouseup", this.stopDrag);
        },
        async newJiaoAn(){
            if (this.form.name===''){
                this.$message.error('请输入名称')
                return
            }
            if (this.form.region===''){
                this.$message.error('请选择工况')
                return
            }
            if (this.form.desc===''){
                this.$message.error('请输入描述')
                return
            }
            const params = {
                gkId:this.form.region,
                name: this.form.name,
                teaDesc: this.form.desc,
            }
            const res=await saveJAn(params);
            if (res.data.code===200){
                this.$message.success('添加成功')
                this.clearNewData();
            }else{
                this.$message.error('添加失败请检查网路设置')
            }
        },
        closeJiaoAn(){
            this.gongkuangValue=undefined;
            this.jiaoAnValue=undefined;
            this.loadJiaoAn=false
            this.removeJiaoAn=false
            this.sysGongKuang=false
            this.newTicket=false
        },
        closeHandle(){
            this.gongkuangValue=undefined;
            this.jiaoAnValue=undefined;
            this.startHandle=false
        },
        clearNewData(){
            this.form = {
                name: '',
                gKList: [],
                region:'',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: '',
            };
            this.newJiaoAnDialog = false
        },
        showAddJiaoAn(){
            this.newJiaoAnDialog = true
        },
        handleChange(value) {
            if (value){
                this.jiaoAnValue=null
                this.gongkuangValue=null
                const currentSelect = value[value.length - 1]
                switch (currentSelect){
                    case '生成教案':
                        this.newJiaoAnDialog = true
                        break
                    case '加载教案':
                        this.loadJiaoAn = true
                        break
                    case '删除教案':
                        this.removeJiaoAn = true
                        break
                    case '开始记录操作到教案完全记录':
                        this.startHandle = true
                        break
                    case '系统工况':
                        this.sysGongKuang = true
                        break
                }
            }
        },
        messageHandle(data){
            if (data.cmd==='switchAllClear'){
                this.$message.success('全站清闪成功')
                wsSend({ "cmd": "getMonitorMainPage" })
            }
            if (data.cmd==='getMonitorMainPage'){
                this.pageData = JSON.parse(JSON.stringify(data.data))
                console.log(JSON.parse(JSON.stringify(this.pageData)),'主图数据')
            }
        },
    },
    mounted() {
        if(['teacher','admin'].includes(this.$store.state.user?.userRole)){
            this.jiaoAnOptions_1=JSON.parse(JSON.stringify(this.jiaoAnOptions))
        }else{
            this.jiaoAnOptions_1=this.jiaoAnOptions.filter(o=>o.value==='加载教案')
        }
        EventBus.$on("ws-message",this.messageHandle)
        this.$store.commit('setMainPage',true)
    },
    beforeCreate() {
        this.$store.commit('setWsHandled',false)
    },
    beforeDestroy() {
        EventBus.$off("ws-message",this.messageHandle)
        EventBus.$off('ws-connected')
        this.$store.commit('setMainPage',false)
    },
};
</script>
